去掉inputtext的邊框,已實(shí)現(xiàn),但是有個(gè)疑問,求大神解決一下_html/css
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 16:32:40
去掉inputtext的邊框,已實(shí)現(xiàn),但是有個(gè)疑問,求大神解決一下_html/css
去掉inputtext的邊框,已實(shí)現(xiàn),但是有個(gè)疑問,求大神解決一下_html/css_WEB-ITnose:本帖最后由 myg_315 于 2012-10-18 21:28:47 編輯 我想達(dá)到的效果是 一個(gè)下劃線,上面可以輸入內(nèi)容,效果見左側(cè)粗體部分: 效果 我是用下面代碼實(shí)現(xiàn)的: border-bottom-color: green; width: 20px/> 問題來了:不點(diǎn)擊text的時(shí)候,
導(dǎo)讀去掉inputtext的邊框,已實(shí)現(xiàn),但是有個(gè)疑問,求大神解決一下_html/css_WEB-ITnose:本帖最后由 myg_315 于 2012-10-18 21:28:47 編輯 我想達(dá)到的效果是 一個(gè)下劃線,上面可以輸入內(nèi)容,效果見左側(cè)粗體部分: 效果 我是用下面代碼實(shí)現(xiàn)的: border-bottom-color: green; width: 20px/> 問題來了:不點(diǎn)擊text的時(shí)候,

本帖最后由 myg_315 于 2012-10-18 21:28:47 編輯 我想達(dá)到的效果是 一個(gè)下劃線,上面可以輸入內(nèi)容,效果見左側(cè)粗體部分: 效果
我是用下面代碼實(shí)現(xiàn)的:
問題來了:不點(diǎn)擊text的時(shí)候,沒有邊框,就一個(gè)下劃線, 但是在輸入的時(shí)候(即點(diǎn)擊一下該區(qū)域),text的邊框又出來了。
我想問一下有沒有方法將text 輸入的時(shí)候的邊框也去除啊,謝謝。、
補(bǔ)充:該問題只在chrome瀏覽器中會有。
回復(fù)討論(解決方案)
自己找到方法了:如果有需要的可以看一下:
只需要再設(shè)置一個(gè)屬性就可以了: outline: none;
解決就好
嗯 對的
outline:none;可以去掉邊框
另外不止chrome會有 其它瀏覽器比如safari也有
連IE也會有 只是顏色比較淺而已:P
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
去掉inputtext的邊框,已實(shí)現(xiàn),但是有個(gè)疑問,求大神解決一下_html/css
去掉inputtext的邊框,已實(shí)現(xiàn),但是有個(gè)疑問,求大神解決一下_html/css_WEB-ITnose:本帖最后由 myg_315 于 2012-10-18 21:28:47 編輯 我想達(dá)到的效果是 一個(gè)下劃線,上面可以輸入內(nèi)容,效果見左側(cè)粗體部分: 效果 我是用下面代碼實(shí)現(xiàn)的: border-bottom-color: green; width: 20px/> 問題來了:不點(diǎn)擊text的時(shí)候,