网页制作 
首页 > 网页制作 > 浏览文章

select默认样式美化代码兼容移动端和pc端

(编辑:jimmy 日期: 2024/11/27 浏览:3 次 )
最近在搞前端时发现select样式已经丑到爆了,找了一些资源修改了一下,稍微好了一点。废话不说了直接上代码

复制代码代码如下:
<div class="select" style="margin-top:0px;outline:none;border:1px solid #BBBBBB;border-radius:4px;position:relative;">
<select id="orderTimeDataSel" class="text" style="height:40px;-webkit-appearance:none;appearance:none;border:none;font-size:18px;padding:0px 10px;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #FFFFFF;color:#333333;border-radius:4px;">
<option>--预约日期--</option>
</select>
</div>
上一篇:html td nowrap不换行属性使用方法
下一篇:加了important标记css样式的jQuery写法
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap