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

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