無法更改文本框的顏色？

這裏有一個文本框：無法更改文本框的顏色？

<asp:TextBox ID="UsernameTextBox" runat="server" class="BlockInput"></asp:TextBox>

我想給一個asp textbox一些色彩，但它不變色

<script type="text/javascript"> 
    function BlockInput() { 
     var elements = document.getElementsByClassName("BlockInput"); 
     for (var i = 0; i < elements.length; i++) { 
      elements[i].readOnly = true; // works 
      elements[i].style.color = "#000000";// does not work! 
     } 
    } 
    window.onload = BlockInput; 
</script>

當我查看添加源我能看到的樣式：

<input name="ctl00$MainContent$UsernameTextBox" 
     type="text" id="MainContent_UsernameTextBox" 
     class="BlockInput" readonly="" style="color: rgb(0, 0, 0);">

我也確定沒有什麼東西會覆蓋CSS。

來源

2013-09-30 meda

你的意思是臉色還是背景色？ – melancia

只是對最佳做法的評論：http://stackoverflow.com/questions/559150/best-practice-for-using-window-onload –

是的傢伙其背景即時通訊設法改變 – meda

變化

elements[i].style.color = "#000000";

到

elements[i].style.backgroundColor= "#000000";

希望這會幫助你。

<script type="text/javascript"> 
    function BlockInput() { 
var elements=document.getElementsByTagName('input'); 
     for (var i = 0; i < elements.length; i++) { 
      elements[i].readOnly = true; // works 
      elements[i].style.backgroundColor= "#000000"; 
     } 
    } 
    window.onload = BlockInput; 
</script>

來源

2013-09-30 14:36:52 Kiranramchandran

這是backgroundColor，而不是背景顏色。 – melancia

是啊它沒有工作 – meda

我編輯了我的答案plz試試 – Kiranramchandran

變量elements未定義。你想製作類似的東西嗎？：

function BlockInput() { 
     var elements = document.getElementsByTagName('input'); 
     for (var i = 0; i < elements.length; i++) { 
      elements[i].readOnly = true; // works 
      elements[i].style.color = "#000000";// does not work! 
     } 
    }

Fiddle

來源

2013-09-30 14:32:01

您的答案非常接近，TagName需要大寫，但我會給你upvote – meda

隨着你設置文本顏色爲黑色的配色風格。如果你想改變textarea的背景顏色，試試這個：

elements[i].style.backgroundColor = "#000000";

來源

2013-09-30 14:34:00 Speedy

這就是問題 – meda

無法更改文本框的顏色？

回答

相關問題