Почему мой код CSS не работает в моем файле HTML?

Я пытаюсь поместить мой код CSS в тот же файл, что и мой HTML-код, но он не отображается должным образом (я не хочу просто связывать мой CSS с моим HTML, я уже получил это для работы). Я пробовал копировать и вставлять код, но это не работает. Должен ли я делать это по-другому, когда он находится в одном файле?Почему мой код CSS не работает в моем файле HTML?

Вот соответствующий код:

<head> 

    <title> Example </title> 

    <style type="text/css"> 

     input: textarea{ 
      resize: none; 
     } 
     input[type=button]{//set the sizes for all of the input buttons 
      width: 5em; 
      height: 2em; 
      font-size: 15px; 
      font-weight: bold; 
     } 
    </style> 
</head> 

<body> 

    <form id = "mainForm" name="mainForm" method="get" action="" onsubmit=" return checkForm()"> 


     Type something: <br> <textarea id="info" name="info" > </textarea> 


     <input type="button" value="1" id="button1"> </input> 
     <input type="button" value="2" id="button2"> </input> 
     <input type="button" value="3" id="button3"> </input> 

     <input type="submit" id="submit" name="submit" class="btn" value="Submit" /> 
     <input type="reset" id="reset" name="reset" class="btn" value="Clear" /> 
    </form> 
</body>

Вот ПОС, как это выглядит, когда я связать его

А вот ПИК как это выглядит, когда я пытаюсь помещать CSS в файл HTLM

источник

2015-11-07 bob dylan

Обратите внимание, что CSS только определяет ['/ * ... * /' для комментариев] (https://developer.mozilla.org/en-US/docs/Web/CSS/Comments). '// ...' не поддерживается им. –

спасибо, что было! –

нет необходимости указывать input только textarea. вы даже можете использовать inline css для textarea.

<style type="text/css"> 

     textarea{ 
      resize: none; 
     } 
     input[type=button]{ 
     width: 5em; height: 2em; 
      font-size: 15px; 
      font-weight: bold; 
     } 
    </style>

источник

2015-11-07 04:21:57 bakki

Пожалуйста, взгляните на фотографии, которые я загрузил –

@bobdylan теперь обновлен, он будет работать так, как вы ожидали. remove // установить размеры для всех кнопок ввода (потому что // не комментарий css) – bakki

спасибо, что вы были правы! –

Работы для меня. Единственная проблема, которую я вижу, - input: textarea недействительна. Используйте вместо этого textarea.

<head> 
 
    <title> Example </title> 
 
    <style type="text/css"> 
 
     textarea{ 
 
      resize: none; 
 
     } 
 
     input[type=button]{ //set the sizes for all of the input buttons 
 
      width: 5em; 
 
      height: 2em; 
 
      font-size: 15px; 
 
      font-weight: bold; 
 
     } 
 
    </style> 
 
</head> 
 
<body> 
 
    <form id="mainForm" name="mainForm" method="get" action="" onsubmit="return checkForm()"> 
 
     Type something: <br> <textarea id="info" name="info" > </textarea> 
 
     <input type="button" value="1" id="button1"> 
 
     <input type="button" value="2" id="button2"> 
 
     <input type="button" value="3" id="button3"> 
 
     <input type="submit" id="submit" name="submit" class="btn" value="Submit"> 
 
     <input type="reset" id="reset" name="reset" class="btn" value="Clear"> 
 
    </form> 
 
</body>

источник

2015-11-07 04:20:26 billynoah

Почему мой код CSS не работает в моем файле HTML?

ответ

Смежные вопросы