css3箭头样式,css带箭头直线样式

css3中-moz、-ms、-webkit各什么意思

1、-moz代表firefox浏览器私有属性

2、-ms代表ie浏览器私有属性

3、-webkit代表safari、chrome私有属性

这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。

现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方形效果就是，一定要看到新效果，只能建议客户升级浏览器。

相关问答

Q1: css3 怎么换下拉的默认箭头

css换不了下拉菜单的箭头样式，表单要漂亮必须用html+js+css来模拟，JQ也有很现成的表单美化插件。

百度：js美化表单

Q2: 怎么用css3来实现一个三角线的箭头呢？除了用两个三角形叠加的方法以外，效果如图

div{

width: 20px;

height: 20px;

border: 2px solid #000;

border-top: none;

border-right: none;

transform:rotate(45deg);

}

Q3: CSS实现带箭头方框怎么控制箭头位置！

你可以做一个带箭头的div；然后样式如下：

div

{

/* 箭头的样式，你自己设计，下面是旋转的样式*/

transform:rotate(90deg);

-ms-transform:rotate(90deg); /* Internet Explorer */

-moz-transform:rotate(90deg); /* Firefox */

-webkit-transform:rotate(90deg); /* Safari 和 Chrome */

-o-transform:rotate(90deg); /* Opera */

}

这个是CSS3，所以浏览器并不是都兼容的。上面的deg就是角度单位度。

Q4: css3怎样去掉select中三角箭头的背景

用插件：select2.js 百度搜索那个名字即可，现在基本是最好用的下拉组件。

原理就是将原来的select隐藏，用新的div构建一个下拉菜单，遮盖在原来的位置。

自己做的话，可以试试在select上覆盖一个div层，用绝对定位。然后把select的透明度opacity写为0.01，不能为0，然后点击那个层，就相当与点击了那个select，div写什么就由你定了。