• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>

            逛奔的蝸牛

            我不聰明,但我會很努力

               ::  :: 新隨筆 ::  ::  :: 管理 ::
            a{
                blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
                outline:none;   /*    FF Opera    */
            }
            a:focus{
                -moz-outline-style: none;   /*    FF    */
            }
            關鍵:a:focus, input[type=button] ,input[type=submit] { outline:none;}

            話說,對于去除虛線框,即使是一個前端開發工作者,也可能不知道所有的潛規則。因為很多情況下,它是一個視覺上的輔助,并且盲人們需要它(怎么個需要法,別問我),我們并不需要去掉。但在圖片替換文字,或者虛線顯示不規則的時候,去掉它對于一個產品來說會是更完美的。

            如何去除虛線框
            對于如何去除虛線框,有很多人推薦這樣寫:

            a:focus, input[type=button] ,input[type=submit] { outline:none;}
            從這段代碼來看,讓我們小分析一下,有兩點可能是需要我們注意的:




            去除不全面
            IE6/7 并不支持 outline 屬性, firefox 下 input 的虛線并沒有去除

            去除太多
            除 IE6/7 外的所有瀏覽器的按鈕(firefox沒去掉)和鏈接都被去掉虛線框



            這是看起來矛盾的兩個問題。其實不然,因為是兩個現同性質的問題。從技術上,這個方法并不全面。從體驗上,我想你也知道,我們只是去掉部分不需要的,去掉全部并不友好。所以,上面的寫法個人并不推薦。

            關于潛規則、關于BUG
            Demo: 去虛線框 | remove outline

            我能在用 TAB 鍵的時候不去掉虛線框嗎?為什么我的 input 在 firefox 下沒有成功去除虛線框?這些問題被提出的時候,困擾著不少人。因為這里面有潛規則。總結一下,看這個表:

            去除的方式

            生效的瀏覽器



            outline:none

            IE8 | Firefox | Webkit |Opera



            hidefocus

            IE



            :focus{outline:none;}

            IE8 | Firefox | Webkit | Opera



            :active{outline:none;}

            同上,但在tab的時候,IE將保留虛線框



            ::-moz-focus-inner{outline:none;}

            Firefox 存著bug,input 須要去這個偽狀態下的邊框

            好吧,不得不承認的是,這些小事,都還真是一門學問,我們要好好學習,好好積累。多用點心,把東西做得更好。

            From: http://topic.csdn.net/u/20100716/10/1100158f-5d78-410f-8783-d3d6a39ffd71.html

            posted on 2010-07-17 00:35 逛奔的蝸牛 閱讀(2520) 評論(0)  編輯 收藏 引用 所屬分類: 其他編程
            日韩精品久久久久久久电影蜜臀 | 久久精品国产91久久综合麻豆自制| 伊人久久五月天| 久久99精品久久只有精品| 色成年激情久久综合| 久久综合鬼色88久久精品综合自在自线噜噜 | 亚洲狠狠婷婷综合久久久久| jizzjizz国产精品久久| 精品国产日韩久久亚洲| 久久国产精品无码HDAV| 久久九九久精品国产| 久久精品人人槡人妻人人玩AV | 久久久无码精品亚洲日韩软件| 亚洲精品午夜国产va久久| 亚洲国产精品人久久| 狠狠精品久久久无码中文字幕| 久久久亚洲精品蜜桃臀| 久久天堂电影网| 久久精品国产亚洲AV电影| 久久人人爽人人爽人人片AV麻烦| 91精品国产综合久久香蕉 | 欧美大香线蕉线伊人久久| 蜜桃麻豆www久久国产精品| 亚洲嫩草影院久久精品| 国产成人久久精品激情| 久久久久人妻一区二区三区 | 久久久久亚洲精品无码网址| 51久久夜色精品国产| 无码人妻精品一区二区三区久久久| 久久人人爽人人精品视频| 人人狠狠综合久久亚洲88| 久久久91精品国产一区二区三区 | 99精品久久久久久久婷婷| 国产欧美久久久精品| 精品蜜臀久久久久99网站| 久久偷看各类wc女厕嘘嘘| 久久精品九九亚洲精品| 久久A级毛片免费观看| 欧美午夜精品久久久久免费视| 国产69精品久久久久9999APGF | 久久综合九色综合网站|