下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家，也给大家做个参考。
1、占位符
// firefox
input::-moz-placeholder {
color: red;
font-size: 18px;
}
// IE
input:-ms-input-placeholder {
color: red;
font-size: 18px;
}
// chrome
input::-webkit-input-placeholder {
color: red;
font-size: 18px;
}
- 都要加上各自浏览器的前缀(如
-webkit-)； - firefox的
placeholder的前面没有input-； - firefox与chrome都是
::两个冒号，而IE则是一个:; - 低版本的浏览器与新版本浏览器可能写法不同；
2、下拉框的小三角
-webkit-appearance: none; -moz-appearance: none;3、input[type=number]右边的spinners
// firefox
input[type='number'] {
-moz-appearance:textfield;
}
// chrome
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
4、-webkit-tap-highlight-color
-webkit-tap-highlight-color: rgba(255,255,0);5、滚动条
::-webkit-scrollbar {
width: 0;
}
以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。
原文链接：https://www.f2er.com/css/456820.html