图片-定义select向下箭头样式
2024-08-29 09:39:40
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图片-定义select向下箭头样式</title>
</head>
<style>
* {
margin: 0;
padding: 0;
} .icon-select1 {
width: 100%;
line-height: 40px;
cursor: pointer;
/*鼠标上移变成小手*/
appearance: none;
/*去掉默认的下拉三角*/
-moz-appearance: none;
-webkit-appearance: none;
background: url("../img/icon.png") no-repeat right center transparent;/* 下拉箭头图片 */
background-size: 15px 10px;/* 下拉箭头大小 */
/*添加下拉三角图标*/
}
</style>
<body>
<select class="icon-select1">
<option value="">查看详情</option>
<option value="">方形</option>
<option value="">圆形</option>
<option value="">锥形</option>
</select>
</body>
</html>
最新文章
- Python or JavaScript 实现多级评论
- Java循环删除集合多个元素的正确打开方式
- 苹果系统里面部署ASP.NET
- HTML页面关键词随机分布布局
- eclipse常用10个快捷键[转载]
- git源码推荐
- 无线路由器的“克隆MAC地址”是干什么作用的?
- display:none与visible:hidden区别
- win8 优化笔记
- javascript日志框架使用
- cf B Three matrices
- (转) Class
- Logstash 默认不处理一天前的文件
- Debug目录下没有.exe文件
- 读书笔记 effective c++ Item 29 为异常安全的代码而努力
- 到底什么是 ";method group";
- 华为机试题【10】-求数字基root
- MYSQL数据库常用操作命令
- PHP更改自动加载的顺序
- 深入了解JVW
热门文章
- Linux下安装Oracle后重启无法登录数据库ORA-01034:ORACLE not available
- 为什么Netflix没有运维岗位?
- android webview正确显示音标
- 目标检测之单步检测(Single Shot detectors)
- CCF_201403-1_相反数
- Integer缓存机制-基本数据类型和包装类型-自动拆装箱
- php基础编程-php连接mysql数据库-mysqli的简单使用
- yum安装logstash 不生效
- Charm Bracelet 一维01背包
- img 标签上的src 链接图片不存在时 怎么处理