html – 如何仅在移动设备上设置选择框的样式

概述其实我正在尝试设计< select>使用CSS的框(没有任何图像作为背景)我的问题是,当我在移动设备上查看它时,它显示我像文本框,请指导我如何使它像一个选择框与CSS. 注意：我不希望在CSS中有任何背景图像. select { background: -webkit-linear-gradient(white, #666); border: 1px solid #ccc; 其实我正在尝试设计< select>使用CSS的框(没有任何图像作为背景)我的问题是,当我在移动设备上查看它时,它显示我像文本框,请指导我如何使它像一个选择框与CSS.
注意：我不希望在CSS中有任何背景图像.

select {    background: -webkit-linear-gradIEnt(white,#666);    border: 1px solID #ccc;    border-radius: 5px;    color: white;    text-shadow: 0 0 4px rgba(0,0.8);    -webkit-appearance: none;}

解决方法 你可以使用max-device-wIDth(CSS3)来做到这一点：

@media only screen and (max-device-wIDth: 480px) {select {    background: -webkit-linear-gradIEnt(white,0.8);    -webkit-appearance: none;}}

总结

以上是内存溢出为你收集整理的html – 如何仅在移动设备上设置选择框的样式全部内容，希望文章能够帮你解决html – 如何仅在移动设备上设置选择框的样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。