<style type="text/css">
.my-input {
font: bold 14px;
color: green;
}
</style>
<input type="text" value="Введите логин" class="my-input">
Хочу сделать размер value 8px, но вместе с этим уменьшается и сам input, что очень неудобно. Да и во всех мануалах пишут что "если размер шрифта изменяется с помощью стилей, ширина input также соответственно меняется".
Может быть, есть какое-то решение?
Спустя 14 минут, 51 секунда (3.01.2011 - 12:53) T1grOK написал(а):
Размер value 8px - что вы имеете ввиду? Размер шрифта?
Спустя 2 минуты, 55 секунд (3.01.2011 - 12:56) l@pteff написал(а):
да, размер шрифта внутри <input>
Спустя 1 минута, 20 секунд (3.01.2011 - 12:58) T1grOK написал(а):
.my-input {
font: bold 8px;
color: green;
height:20px;
width: 100px;
line-height:12px;/*вертикальное положение текста*/
}
Спустя 20 минут, 54 секунды (3.01.2011 - 13:19) l@pteff написал(а):
T1grOK, немного видоизменил твой код:
.my-input {
font: bold 8px;
color: green;
height:20px;
width:70px;
line-height:12px;/*вертикальное положение текста*/
}
Проблема вот в чём: полностью не вмещается надпись "Введите логин" выводится "Введите л". Причём текст не 8px, а больше (стандартный). Как можно не меняя ширину <input> полностью уместить в нём надпись?
.my-input {
font: bold 8px;
color: green;
height:20px;
width:70px;
line-height:12px;/*вертикальное положение текста*/
}
Проблема вот в чём: полностью не вмещается надпись "Введите логин" выводится "Введите л". Причём текст не 8px, а больше (стандартный). Как можно не меняя ширину <input> полностью уместить в нём надпись?
Спустя 1 час, 19 минут, 2 секунды (3.01.2011 - 14:38) Invis1ble написал(а):
l@pteff
| Цитата |
| Причём текст не 8px, а больше (стандартный) |
не может быть такого.
| Цитата |
| Как можно не меняя ширину <input> полностью уместить в нём надпись |
никак, только еще уменьшить размер шрифта
Спустя 34 минуты, 12 секунд (3.01.2011 - 15:12) T1grOK написал(а):
Чтобы вся строка вместилась в input можно сделать обратное: изменять размеры input в зависимости от текста в нем. Естественно средствами JS.
Спустя 6 часов, 13 минут, 41 секунда (3.01.2011 - 21:26) l@pteff написал(а):
Получилось! Вместо font написал font-size и размер текста поменялся
.my-input {
font-size: 8px;
color: green;
height:20px;
width:70px;
line-height:12px;/*вертикальное положение текста*/
}
Огромное спасибо всем!
.my-input {
font-size: 8px;
color: green;
height:20px;
width:70px;
line-height:12px;/*вертикальное положение текста*/
}
Огромное спасибо всем!