Просто пытаюсь выделить жирный шрифт для ввода текста - PullRequest
Новая
       6

Просто пытаюсь выделить жирный шрифт для ввода текста

6 голосов
/ 23 марта 2011

Ниже я пытаюсь выделить жирный шрифт для ввода, но это не работает .. 

<html>
<head>

</head>

<body>

<style type=”text/css”>

.jander2{

  font-weight: bold;

}

</style>

<form method="post" action="somepage">
        <input id="jander" class="jander2">
</form>

</body>
</html>

Ответы [ 5 ]

11 голосов
/ 23 марта 2011

Ваш <style> должен быть в разделе <head>: 

<html>
 <head>
  <style type="text/css">
   .jander2{
     font-weight: bold;
   }
 </style>
 </head>
 <body>
  <form method="post" action="somepage">
   <input id="jander" class="jander2">
  </form>
 </body>
</html>

РЕДАКТИРОВАТЬ: Для удовлетворения комментария : используйте только стандартные двойные кавычки, никаких специальных фигурных кавычек, как вы это делали в своем теге <style>.

2 голосов
/ 23 марта 2011

Это работает:

http://jsfiddle.net/4rAhy/

Код здесь: 

Inline style: <input type="text" style="font-weight: bold;"></input><br />
<style>
.jander2 {
    font-weight: bold;
}
</style> 
External Style: <input type="text" class="jander2"></input>
1 голос
/ 23 марта 2011

Форма управления странные звери.Некоторые браузеры вообще не позволяют вам их стилизовать, другие же позволяют вам делать лишь некоторые ограниченные вещи.Как правило, это происходит потому, что браузер получает элементы управления формой из операционной системы, а не генерирует их сам.

При этом жирный текст, безусловно, должен находиться в области атрибутов, которые можно стилизовать.Я думаю, что проблема в кавычках вокруг "text / css" в вашем объявлении стиля.(Размещение объявления стиля в теле может быть ошибкой проверки в зависимости от вашего типа документа, но все равно должно работать.)

0 голосов
/ 08 июня 2015

А если хотите обмануть, то это другое решение: 

    <input type='text'  size='35' style='font-size: 16px;font-weight: bold;' value = 'Hi'  />
0 голосов
/ 23 марта 2011

Это само по себе работает 

<html>
 <head>
  <style type="text/css">
   .jander2{
     font-weight: bold;
   }
 </style>
 </head>
 <body>
  <form method="post" action="somepage">
   <input id="jander" class="jander2">
  </form>
 </body>
</html>

Я думаю, что у вас есть что-то вроде 

input{font-weight: normal;}

бегать по другому CSS. Посмотрите, есть ли другие CSS, которые могут быть переопределены .jander2

Помните, что CSS читается сверху вниз, поэтому стили, которые применяются позже, переопределяют стили, которые применяются ранее.

В качестве альтернативы вы можете попробовать 

  <style type="text/css">
   .jander2{
     font-weight: bold !important;
   }
 </style>

Но это не рекомендуется, поскольку это просто маскирует проблему.

...