
添加过W3C标准后的网页CSS样式不能正常显示
在网页中加入select样式的代码:CSS:.box{border:1pxsolid#C0C0C0;width:182px;height:20px;clip:rect(0...
在网页中加入select样式的代码:
CSS:
.box
{
border : 1px solid #C0C0C0;
width: 182px;
height: 20px;
clip: rect( 0px 181px 20px 0px );
overflow: hidden;
}
.box2
{
border : 1px solid #F4F4F4;
width: 180px;
height: 18px;
clip: rect( 0px 179px 18px 0px );
overflow: hidden;
}
select
{
position : relative;
left: -2px;
top: -2px;
width: 183px;
line-height: 14px; color: #909993;
border-style: none;
border-width: 0px;
}
html:
<div class="box">
<div class="box2">
<select size="1" name="D1">
<option>内容一</option>
<option>内容二</option>
</select>
</div>
</div>
在没有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这段语句的情况下可以使用,加上就不行了
有没有高手帮忙看看怎样才能在加上W3C标准的情况下也能让其正常显示
高分求助!~~~~~ 展开
CSS:
.box
{
border : 1px solid #C0C0C0;
width: 182px;
height: 20px;
clip: rect( 0px 181px 20px 0px );
overflow: hidden;
}
.box2
{
border : 1px solid #F4F4F4;
width: 180px;
height: 18px;
clip: rect( 0px 179px 18px 0px );
overflow: hidden;
}
select
{
position : relative;
left: -2px;
top: -2px;
width: 183px;
line-height: 14px; color: #909993;
border-style: none;
border-width: 0px;
}
html:
<div class="box">
<div class="box2">
<select size="1" name="D1">
<option>内容一</option>
<option>内容二</option>
</select>
</div>
</div>
在没有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这段语句的情况下可以使用,加上就不行了
有没有高手帮忙看看怎样才能在加上W3C标准的情况下也能让其正常显示
高分求助!~~~~~ 展开
1个回答
展开全部
原来你是要改变select框的样式,CSS 部分稍作改动就好了:
.box
{
border : 1px solid #C0C0C0;
width: 182px;
height: 19px;
overflow: hidden;
margin:0;padding:0;
}
.box2
{
border : 1px solid #F4F4F4;
width: 180px;
height: 17px;
overflow: hidden;
margin:0;padding:0;
}
select
{
margin-left: -2px;
margin-top: -2px;
width: 184px;
line-height: 14px; color: #909993;
}
.box
{
border : 1px solid #C0C0C0;
width: 182px;
height: 19px;
overflow: hidden;
margin:0;padding:0;
}
.box2
{
border : 1px solid #F4F4F4;
width: 180px;
height: 17px;
overflow: hidden;
margin:0;padding:0;
}
select
{
margin-left: -2px;
margin-top: -2px;
width: 184px;
line-height: 14px; color: #909993;
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询