css3 - 如何使用css将select的边框以及右边的小三角形去掉?
大家讲道理
大家讲道理 2017-04-17 11:20:02
[CSS3讨论组]

最好css2,css3都给出解决方案,效果如下:

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
天蓬老师

CSS2 只能使用pul进行模拟了,结构很简单,具体可参考Alice的 button-dropdown
CSS3 可以使用CSS3的属性appearance,具体代码如下:

select{
    -moz-appearance: none;
    -webkit-appearance:none;
            appearance:none;  
}
黄舟

很遗憾,原生的表单元素的默认样式受控于浏览器的定制,这个并没有标准可遵循。不同的浏览器允许你做不同程度的修改,然而完全可靠的跨浏览器方案是不存在的。因此楼上说得对,如果要保证 UI 的一致性,只能自己模拟一个。

以下代码会在 chrome 和 firefox 上有效(但版本覆盖不全)

-moz-appearance: none;
-webkit-appearance: none;
appearance: none;

然而其他浏览器就鬼知道了。

黄舟

去掉干嘛, 模拟一个撒。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号