Html 中select标签的边框与右侧倒三角的去除

首先是边框的去除：可以设置属性border:none;或border:0px;

不过这还是有一个bug，不同浏览器会在选中select标签时，加上一个边框；

之后是右侧倒三角的去除：设置属性 appearance:none;

以下所有属性兼容当前主流浏览器：appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none;

（不过对与IE浏览器这个属性好像失效！）

以下为IE浏览器和火狐浏览器的显示效果

时间： 2024-11-18 21:48:13

Html 中select标签的边框与右侧倒三角的去除的相关文章

struts中select标签的使用

1 静态生成 <s:select name="user.sex" list="#{'0':'男','1':'女'}" label="性别" headerKey="" headerValue="请选择性别"></s:select> 注解:这里从页面来静态(也就是在页面中写死啦)构造下拉选项,关键点是list="#{'0':'男','1':'女'}" 通过它实现的se

HTML中select标签单选多选详解

select 元素可创建单选或多选菜单.当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 <select> 表单数据提交给服务器时包括 name 属性. 一.基本用法: <select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <

今天在操作表格的时候发现设置表格中行的边框没有显示,然后自己新建了一个表格发现确实不显示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

jsp中select标签解决默认选中问题

例如:根据timeBucket的值得不同,默认后台控制选中不同的值 <select name="timeBucket${c.id}" style="width: 80px" id="timeBucket${c.id}" class="span4 pull-left"> <option value="0" <c:if test="${c.timeBucket=='0'}&qu

关于禁用html中a标签的思考

其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法--同事.同学.老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必须要借助JavaScript吗? 1.纯css实现html中a标签的禁用: <html> <head> <title>如何禁用a标签</title> <metacontent="text/html; charset=GB2312"htt

使用纯css禁用html中a标签无需JavaScript

其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法——同事.同学.老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必须要借助JavaScript吗? 1.纯css实现html中a标签的禁用: 复制代码代码如下: <html> <head> <title>如何禁用a标签</title> <metacontent="text/html; charset=GB23

HTML中的<select>标签如何设置默认选中的选项

方法有两种. 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 < select id = "sel" > < option value = "1" >1</ option > < option value = "2" selected = "selected" >2</ opt

mybatis 中 sql 映射文件 select 标签以及入 resultMap 标签的应用

1.自定义某个 javabean 的封装规则: 注:可以看到,select 标签中引用了定义好的 resultMap 的值.resultMap 标签中的 type 为javabean 类型,id 为唯一标识.id 子标签定义主键(这样定义底层会有优化.)column 属性为字段名,property 属性为字段值. 注:可以看到测试结果没有出现问题,说明代码没有错误. 2.自定义某个 javabean 的级联属性封装: a.准备工作:mysql 数据库中,在之前 tbl_employees 表的

select标签中怎样控制option的显示数量

最近做项目,需要动态加载数据显示到下拉列表中. 刚开始用select标签,由于数据较多,一次性全部加载,下拉列表会拖得很长,不忍直视(默认会显示20个). 我想控制select中的option显示的个数,例如:只显示5个,其余的通过滚动条来控制显示. 经过反复折腾,发现直接操作select标签无法达到目的,于是改换策略,用input标签和ul标签来模拟select标签. 效果: Demo下载 select标签中怎样控制option的显示数量,布布扣,bubuko.com