Невозможно изменить цвет TextBox?

Question

Вот TextBox:

<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.

Answer 1

изменение

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> 

Answer 2

Переменная 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

Answer 3

С цветовой стиль, который вы устанавливаете цвет текста на черный. Если вы хотите изменить цвет фона текстового поля, попробуйте следующее:

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