在Chrome上Textarea大綱只是黑色

所以我想完成我的投資組合網站，我被困在這個可怕的聯繫表單上。在Chrome上Textarea大綱只是黑色

因此，這裏是我的網頁.. www.heatherkirk.net/contact.php

在Chrome和（我猜Safari瀏覽器，因爲這兩個是看起來相似），textarea的盒子比相比，看起來不一樣其它瀏覽器。我只是想知道如何在頂部使用較深的顏色，在Chrome的評論部分使用較淺的顏色，而不是僅使用黑色輪廓。如果有人能幫助我，我會很感激！

來源

2012-06-14 Heather Kirk

造型輸入元素是非常困難的。不僅每個瀏覽器的風格都不同，操作系統也扮演着角色。（編輯：並不意味着你不應該嘗試，只是給你一個頭。） – xbonez

那麼，Chrome的財產檢查員（右鍵單擊，檢查元素）說，你的輸入有border: 2px inset，你的textarea有border: 1px solid。試着改變它？

Firefox的屬性檢查器不顯示任何border價值可言了textarea，不過，這樣（通過你的樣式表看）讓我覺得你已經應用border-radius，但沒有設定border爲你的textarea;它只是發生在Firefox的默認textarea有2px inset邊框，而Webkit的（Chrome/Safari）有一個1px black。

將border: 2px inset添加到textarea風格，這應該就足夠了。

來源

2012-06-14 05:02:27 egasimus

當您刪除border-radius黑色輪廓消失。

但是，如果您需要保留圓角，那麼只需將border-width:0px添加到textarea樣式。

像上面提到的用戶一樣，當你剛剛有border:solid 1px;默認顏色是黑色的時候，稍微調整一下。

來源

2012-06-14 05:02:43 rcorrie

設置border:0 none;您的textarea在CSS

來源

2012-06-14 05:12:19 Sundar

在Chrome上Textarea大綱只是黑色

回答

相關問題