下面是编程之家 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)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。