扫码关注官方订阅号
最好css2,css3都给出解决方案,效果如下:
光阴似箭催人老,日月如移越少年。
CSS2 只能使用p和ul进行模拟了,结构很简单,具体可参考Alice的 button-dropdownCSS3 可以使用CSS3的属性appearance,具体代码如下:
p
ul
appearance
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; }
很遗憾,原生的表单元素的默认样式受控于浏览器的定制,这个并没有标准可遵循。不同的浏览器允许你做不同程度的修改,然而完全可靠的跨浏览器方案是不存在的。因此楼上说得对,如果要保证 UI 的一致性,只能自己模拟一个。
以下代码会在 chrome 和 firefox 上有效(但版本覆盖不全)
-moz-appearance: none; -webkit-appearance: none; appearance: none;
然而其他浏览器就鬼知道了。
去掉干嘛, 模拟一个撒。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
CSS2 只能使用
p
和ul
进行模拟了,结构很简单,具体可参考Alice的 button-dropdownCSS3 可以使用CSS3的属性
appearance
,具体代码如下:很遗憾,原生的表单元素的默认样式受控于浏览器的定制,这个并没有标准可遵循。不同的浏览器允许你做不同程度的修改,然而完全可靠的跨浏览器方案是不存在的。因此楼上说得对,如果要保证 UI 的一致性,只能自己模拟一个。
以下代码会在 chrome 和 firefox 上有效(但版本覆盖不全)
然而其他浏览器就鬼知道了。
去掉干嘛, 模拟一个撒。