css清除select的下拉箭头样式
2024-08-24 16:20:16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
select::-ms-expand { display: none; }
.info-select{
width: 88px;
height: 25px;
border: none;
outline: none;
/*将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url(img/sele.png) no-repeat scroll right center transparent; /***将sele.png替换为你的下拉箭头**/
}
</style>
</head>
<body>
<select class="info-select">
<option selected="selected">1</option>
<option>2</option>
</select>
</body>
</html>
本例可以更换selet下拉箭头,只适用于非ie浏览器,ie样式为默认样式
最新文章
- C# 类使用小demo
- linux设置和删除环境变量
- JMeter处理jdbc请求后的响应结果
- Hello Dojo!(翻译)
- Android加载SO库UnsatisfiedLinkError错误的原因及解决方案
- js部分---流程语句的基本形式;
- (转载) .NET2.0程序集无法在.net 4.0 中运行的解决方案
- SPOJ 1739 Yet Another Equation(Pell方程)
- linux命令行解析函数介绍
- 将数据库二进制图片导出显示到EPPlus Excel2007中
- 利用XAMPP本地搭建WordPress博客
- centos7+mariadb+防火墙,允许远程
- 轻量级浏览器Midori
- openmp
- tensorflow实现循环神经网络
- 终端复用软件 tmux
- 学习笔记之Python调试 - pdb
- 500 Internal Privoxy Error
- iOS开发-通讯录有界面
- JS时间转时间戳,时间戳转时间。时间显示模式。