在IE下去除边框的简单方法

本文介绍了如何使用CSS的负数margin来调整<SELECT>元素的显示样式,使其更美观,并探讨了负数在CSS中的其他应用。
        前些时研习了CSS,虽然这并不上档次,但却较容易给人以高手的感觉。我落下个看网页源码的毛病,对自己不易实现的样式总是不自觉地看源码。最近发现负数在CSS的作用有时很巧妙,举几个例子:
       <SELECT>在IE下的特权很让人头痛,一个美观的网页中下拉框往往显得很不协调。于是有人一怒之下干脆用JS写了一套下拉框,其样式和内容之丰富令人震撼,但同时复杂性也使人望而却步。但在一个网页上我看到一则样式,于是尝试了一下,还是比较简单的,用一个负数的margin掩盖固有的边框不能不说是一个非凡的创意。<div style="OVERFLOW: hidden; height:20px;"><select style="border:none;margin-left:-2;margin-top:-2;margin-bottom:-1;"><option>------请选择------</option></select></div>效果如下:

  • 将<SELECT>放到一个小容器中通过margin来处理,虽然没有彻底解决问题但应当说这是最简单的方法之一。
          
           其实负数还有其他的作用,比如用margin-top:-50000取代display:none,这个对firefox下的<marquee>还是有点作用的。另外也可以用到left和top等一些地方,总之既然CSS支持负数,那一定有他发挥的地方。HTML和CSS的规则是如此简单,但组合之后是如此丰富,实在是令人感叹!
     
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值