边框圆角样式问题

IS-NULL 2012-03-30 08:41:38



.input_1 {

	 font-family:微软雅黑; padding: 2px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); width: 150px; height: 25px; line-height:25px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;

}

测试结果：

IE < 9，360圆角样式没有效果
IE9、谷歌、火狐圆角样式正常。

有没有什么办法，让它兼容。。。

我看了这个站的样式，和我设置的一样，但是它的边框用同样的浏览器测试，都是圆角。求解决办法！

http://www.iteye.com/signup

...全文

368 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

EnForGrass 2012-03-31

打赏
举报

[Quote=引用 1 楼的回复:]

100分，都木有人感兴趣。。。
[/Quote]
用图片做圆角就基本不用考虑浏览器兼容的问题

晓风斜阳 2012-03-31

打赏
举报

HTML5么...坑爹呢，中国还需要很长时间

灰太狼已不再单身 2012-03-31

打赏
举报

[Quote=引用 9 楼的回复:]

引用 8 楼的回复:

HTML5里实现这个效果很简单

.....
[/Quote]
....现在HTML5根本就没流行

IS-NULL 2012-03-31

打赏
举报

[Quote=引用 8 楼的回复:]

HTML5里实现这个效果很简单
[/Quote]
.....

mizuho_2006 2012-03-30

打赏
举报

HTML5里实现这个效果很简单

IS-NULL 2012-03-30

打赏
举报

我是textbox和select。。不是div

暖枫无敌 2012-03-30

打赏
举报

http://wenku.baidu.com/view/ed2c32e3524de518964b7df2.html

暖枫无敌 2012-03-30

打赏
举报



<style type="text/css">



#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}

#xsnazzy h1 {font-size:2.5em; color:#fff;}

#xsnazzy h2 {font-size:2em;color:#06a; border:0;}

#xsnazzy p {padding-bottom:0.5em;}

#xsnazzy h2 {padding-top:0.5em;}

#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}

.xb1 {margin:0 5px; background:#08c;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}

</style>



<div id="xsnazzy">

<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>



<div class="xboxcontent">



<h1>标题一</h1>

<p>内容一内容一<br />内容一内容一内容一内容一</p>



<h2>标题二</h2>

<p>内容二内容二内容二</p>

<p>内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二

内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二内容二</p>

 

</div>



<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>

</div>