2012-07-23 46 views
0

我的網站 - http://www.automated-stores.com有藍色十歲上下的背景文本區域的奇怪的特性,看到更具體的位置:http://www.automated-stores.com/vending-machines-business-electronics-cosmetics-perfume如何爲我的文本區域創建白色背景(從不同的顏色更改它)?

,我沒有對網站代碼,但我想,要改變這一點,就必須在stylesheet.css中,有沒有人知道輸入/更改什麼代碼?

我認爲這將是這樣的:

input,textarea,select { 
    padding: 1px; 
    border: solid 1px #000000; 
    font-size: 10pt; 
    color:#000000; 
    background-color:#ffffff; 
} 

(顏色之前是不同的),但我已經沒有效果更改了好幾次。

+0

它應該工作。 – SVS 2012-07-23 11:42:00

回答

1

我看穿了你的源代碼看起來,你需要找到自己的根在你的style.css文件,並更改此:

input,textarea,select { 
    padding: 1px; 
    border: solid 1px #5c8593; 
    font-size: 10pt; 
    color:#42484d; 
    background-color:#224f5f; 
} 

這樣:

background-color:#ffffff; 

記住這將影響一切用輸入類textarea選擇。我用鉻檢查和螢火蟲精簡版工具來驗證這一點,它的工作。如果你只是想實現文本區域背景色做到這一點:

input,select { 
    padding: 1px; 
    border: solid 1px #5c8593; 
    font-size: 10pt; 
    color:#42484d; 
    background-color:#224f5f; 
} 

textarea { 
    padding: 1px; 
    border: solid 1px #5c8593; 
    font-size: 10pt; 
    color:#42484d; 
    background-color:#ffffff; 
} 
+0

如果你改變顏色/邊框和所有的白色。它會看起來不在那裏。 – 2012-07-23 11:35:38

0

改變textarea你給的網頁上(第二個鏈接)的顏色的具體規則是style.css線44:

input, textarea, select { 
    background-color: #224F5F; // This is the blue background 
    border: 1px solid #5C8593; 
    color: #42484D; 
    font-size: 10pt; 
    padding: 1px; 
} 

如果它僅僅是文字區域要的風格,但不想碰你可以做兩件事情之一格式:

選項1

保持CSS,因爲它是和添加此之下:

textarea { 
    background-color:#FFFFFF !important; 
} 

我不喜歡這樣做,因爲它使CSS剛性,很多重要的聲明,使管理風格非常困難。

選項2

更改線44造型到:

input, textarea, select { 
    border: 1px solid #5C8593; 
    color: #42484D; 
    font-size: 10pt; 
    padding: 1px; 
} 

textarea { 
    background-color: #FFFFFF; 
} 

input, select { 
    background-color: #224F5F; 
} 
+0

我用選項2來更改樣式表,但評論框仍然沒有改變顏色! – Nelly 2012-07-23 12:03:50

+0

請鏈接Nelly?讓我看看你已經嘗試過了。 – 2012-07-23 12:13:17

+0

@NellyMatorina我正在查看您的網站,並通過編輯CSS第44行上的背景色來自由更改所有文本區域和輸入的背景顏色。這是100%的問題,你是否確認你已經從第44行的聲明中刪除了背景色? – 2012-07-23 12:25:55

0

<textarea>具有屬性<... class="textarea"...你可以添加到您的樣式表

.textarea { 
    background-color: #FFFFFF; 
} 
0

在問題中的代碼做它,只要你插入它,例如在標籤<link rel="stylesheet" href="style.css" type="text/css" />後面的style元素中。外部樣式表以簡單的方式設置背景顏色等,只要您將代碼放置在標記爲link之後,即可輕鬆覆蓋。

如果這看起來不起作用,請在瀏覽器中檢查頁面的HTML源代碼。服務器軟件可能會對您的代碼進行一些修改,或者您的瀏覽器已獲得舊版本的頁面(Ctrl + F5應該可以幫助您)。

0

我建議簡單地針對textareas並改變它們的背景顏色並給它們一個邊框。

textarea { 
    background-color:#FFF; 
    border:1px solid #224f5f; 
    color:#000; 
} 
相關問題