html select 去框

最新推荐文章于 2024-04-11 21:55:23 发布

JianDom

最新推荐文章于 2024-04-11 21:55:23 发布

阅读量873

点赞数

分类专栏： CSS Asp.net

Asp.net 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

CSS

2 篇文章 0 订阅

订阅专栏

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>如何让select的样式也漂亮起来</title>
<style type="text/css">
<!--

.mydiv { border:0px solid #f00; float: left; *padding:0px 1px 1px 0px; /* IE */ }
.mydiv div { overflow:hidden; /* FF */ _display: inline; /* IE6 */ }
.mydiv div select { margin: -2px;}
.mydiv select option { text-indent: 2px; /* FF */ }

-->
</style>
</head>
<body>
<div class="mydiv">
<div>
   <select>
   <option>随意增加字数，框框会自适应宽度</option>
   <option>看见效果了吧</option>
   <option>看见效果了吧</option>
   </select>
</div>
</div>
</body>
</html>