html select 自定义
来源:互联网 发布:软件项目招标文件 编辑:程序博客网 时间:2024/06/05 20:33
通过appearance:none 可以删除下拉列表的默认样式,替代一张背景图片,实现简易的下拉列表样式美化
参考文档:
http://ourjs.com/detail/551b9b0529c8d81960000007
http://www.w3school.com.cn/cssref/pr_appearance.asp
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .test { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAAAXNSR0IArs4c6QAAAH1JREFUCB09ijEKxSAQRMfwo52Q3MDG1s57iK3gEXIL72QRyZFsxWI/KyQDyzBvn2itUSkFSins+w4p5brruvA7zxO9d8w5F2TpOA5orbE555BSghACRAROCAHWWmw8cs4wxiyBO8bIGGyv1FrJe0/3fb+IvucYg57nIe43f2cVSL74N/4TAAAAAElFTkSuQmCC); background-repeat: no-repeat; padding-left:10px; background-position: 180px center; appearance:none; -moz-appearance:none; -webkit-appearance:none; /* Safari 和 Chrome */ width:200px; height: 30px; font-style: 14px; } </style></head><body><select class="test" > <option value="">请选择</option> <option>A</option> <option>B</option></select></body></html>
0 0
- html select 自定义
- html select 自定义
- 自定义HTML中select控件
- html自定义checkbox、radio、select —— select篇
- html自定义checkbox、radio、select —— select篇
- html select插件select2,bootstrap-select自定义option搜索过滤
- html自定义checkbox、radio、select —— checkbox、radio篇
- HTML 为select自定义出现滚动条的条数
- html 中可以自定义输入的 select 下拉列表
- Html--select
- html:select
- html:select
- <html:select>
- html select
- 自定义select
- html-----select 复选框
- html:select没有selected
- html select相关
- Oracle中like查询下划线等特殊字符的处理
- Web语义化
- 在Linux中直接运行Windows二进制程序
- c++容器使用经验总结
- STL 源码剖析 deque实现源码
- html select 自定义
- 编码帧类型
- java final
- HEVC的帧间预测解码(4)
- ASP.NET MVC使用HTML模板进行静态化操作
- Ajax从服务端获取数据
- input checkbox jquery全选
- poj-2826 An Easy Problem?!(计算几何,好题)
- webView loaddata乱码问题