修改select默认样式,移动端和pc端通用

最新推荐文章于 2024-09-13 21:48:30 发布

蓝色的乌鸦

最新推荐文章于 2024-09-13 21:48:30 发布

阅读量1.6w

点赞数 3

分类专栏：网页布局文章标签： select 移动样式

本文链接：https://blog.csdn.net/wangkadm/article/details/29810597

版权

网页布局专栏收录该内容

9 篇文章 0 订阅

订阅专栏

最近在搞前段,发现select样式已经丑到爆了,找了一些资源修改了一下,稍微好了一点.废话不说了,直接上代码

<div class="select" style="margin-top:0;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>