资讯淘帖 手机客户端

127社区-师生共同的网上家园_重庆科创职业学院论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

用新浪微博连接

一步搞定

关闭

站长推荐

亲,还没下载论坛手机客户端?跟上潮流做时尚达人。掌中乐趣无处不在,快点下载吧。

查看 »

查看: 494|回复: 1

[开发技巧] 令FireFox的fieldset仿IE变成圆角

[复制链接]

406

主题

15

听众

1万

积分

网站编辑

发表于 2011-9-11 23:34:13 |显示全部楼层
fieldset  标签在firefox中,边角不像IE那样是圆角,影响美观, 我们可以在fieldset中设置样式:
<fieldset style="-moz-border-radius:8px; width:600;height:150 " align=center>  
  •    <legend>Channel:  </legend>  
  •        <html:form action="ChannelAction.do" method="post">  
  •            <label>Channel Name:</label>  
  •                <html:text property="channelName" styleId="channelName" />  
  •            <label>isActive</label>  
  •                <input type="checkBox" name="isActive" id="isActive"  checked="true" /> <br> <br>     
  •            <label>comments</label>  
  •                <html:textarea property="comments" /><br>   
  •             <html:hidden property="channelId" />           
  •             <input type="button" ID="ChannelSave" name="ChannelSave" value="Save" onclick="save(this.form)"/>  
  •         </html:form>  
  • </fieldset><br>  

学无止境,勇攀高峰!我们应该给予学生钥匙和打开知识宝库的方法,而不是宝库本身。
打酱油的  发表于 2013-3-25 10:56:02
<style type="text/css">
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy h1 {font-size:2.5em; color:#A95051;}
#xsnazzy h2 {font-size:2em;color:#7B793B; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:25px 1em 100px 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:#FFF; border-left:1px solid #A93298; border-right:1px solid #A93298;}
.xb1 {margin:0 5px; background:#A93298;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFF; border:0 solid #A93298; border-width:0 1px;}
</style>
</head>

<body>
<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>www.wangjie.org</h1>
                        <p>纯CSS打造的圆角边框,兼容性非常的强 <br /></p>
                        </div>
                        <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
                        </div>
</body>
</html>
回复

使用道具

*验证码:
高级模式
B Color Image Link Quote Code Smilies

插件友情推广计划插件友情推广计划插件友情推广计划

手机客户端|Archiver|127社区-重庆科创职业学院论坛 ( 渝ICP备10016736号 )  |  

GMT+8, 2013-5-1 08:59

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部