Hello, is it possible to change the design of the input text field? If possible, push in the right direction.

I looked in Googl`e, I did not find anything intelligible. Thank.

    3 answers 3

    It would be better to take into account all

    input[type="text"] { border: 1px solid #cccccc; //цвет рамки border-radius: 3px; //закругление углов (общее) -webkit-border-radius: 3px; //закругление углов (Google Chrome) -moz-border-radius: 3px; //закругление углов (FireFox) -khtml-border-radius: 3px; //закругление углов (Safari) background: #ffffff !important; // желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым outline: none; // удаляет обводку в браузерах хром(желтая) и сафари(синяя) height: 24px; // высота на свое усмотрение width: 120px; // ширина на свое усмотрение color: #cccccc; //цвет шрифта в обычном состоянии font-size: 11px; // Размер шрифта font-family: Tahoma; // Стиль шрифта } 

    You can also add a style by pressing (focus) on the field.

     input[type="text"]:focus { color: #000000; border: 1px solid #000000 } 

    Write

     input[type="text"] 

    not necessarily possible just

     input 

    then the property will be applied to all inpats.

    • Thank you very much! Exhaustive! - Alexander Gorg

    For all Input with type = "text"

    CSS:

     input[type="text"] { border: 1px solid black; border-radius: 5px; } 

      Can. In css you write the style, and you assign the necessary class to input. Here is an example from the DLE admin. In CSS

       .edit { border:1px solid #9E9E9E; color: #000000; padding: 3px; margin-top: 2px; margin-bottom: 2px; font-size: 11px; font-family: Verdana; background: #FFF; } .bk { background:#fff url(images/shadow.png) repeat-x; } 

      Well, to the input 'you write:

       <input class="edit bk" type="text" name="ololo"> 

      Picture from bk

      • Thanks, I will try. - x7g100
      • @Morty, To format the code, select it with the mouse and click on the button 101010 of the editor. - Rules