CSS焦點焦點textarea工作不正常

嗨我正在設計一個網站，並在我的CSS上遇到麻煩我對這個CSS的東西有點新，它有點奇怪，我對輸入文本的CSS規則不是在這裏我的文字區域正常工作是我的CSSCSS焦點焦點textarea工作不正常

input[type="text"], textarea { 
     background: rgba(255,255,255,0.3); 
     border: none; 
     border-radius: 4px; 
     padding: 2%; 
     color: white; 
    } 
    input[type=text]:focus, textarea:focus { 
      box-shadow: 0px 1px 1px #f2dede inset, 0px 0px 8px #dff0d8; 


    }

，這是它的樣子瀏覽器

文本字段名稱具有正確的光芒，但其怪異的是，textarea的是不考慮的他們都與我上面的代碼粘貼的規則相同。

來源

2016-05-17 Kim Oliveros

嘗試設置如下：

input[type=text]:focus, textarea:focus { 
    box-shadow: 0px 1px 1px #f2dede inset, 0px 0px 8px #dff0d8; 
    outline: none; 
}

有些瀏覽器自動設置上輸入，文本區域等焦點輪廓，這極有可能是你的問題的原因。將大綱設置爲none應刪除此行爲。

來源

2016-05-17 10:08:07 thepio

這是因爲輸入了默認樣式，設置你的風格時，你可以重置焦點風格：

*:focus {outline: none;}

來源

2016-05-17 10:17:23 Anan

CSS焦點焦點textarea工作不正常

回答

相關問題