Селектор CSS, чтобы сделать текст в поле ввода больше
У меня есть средство выбора даты, которое отображает выбранное значение в поле ввода. Я хочу изменить текст в поле ввода с помощью css, но не могу понять, как его выбрать. Вот мой HTML, и значение записывает текст, который я хочу изменить.
<input class = "datepicker" data-val = "true" data-val-required = "The FromDate field is required." id = "FromDate" name = "FromDate" type = "date" value = "2019-02-01">
Ответы 4
Вы можете использовать этот css:
input[type='text'] { font-size: 24px; }
Боюсь, это потому, что это какая-то волшебная вещь, которая в наши дни выходит «из коробки». Здесь вы можете увидеть, как выглядит если вы используете Firefox. Этот средний пост немного объясняет это.
Так что это так же сложно (и раздражает), как и стилизация полосы прокрутки; что вы пытаетесь. Поскольку все браузеры разные, и таким образом его утомительно создавать и невозможно поддерживать, - поэтому я бы не рекомендовал его.
Что бы я порекомендовал, если вы хотите управлять стилями в средстве выбора даты, вы можете реализовать свой собственный, используя jQuery.
И просто чтобы было понятно...
В его текущем состоянии вы можете выбрать поле ввода с помощью селекторов CSS с атрибутами вместе с классами и/или идентификаторами, в этом случае это будет:
input[id = "FromDate"][class = "datepicker"]
{
font-size:100px;
}
или используя идентификатор элемента, в вашем случае id="FromDate"
#FromDate
{
font-size:100px;
}
Вы также можете прочитать https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors .
Почему [class = "datepicker"] вместо .datepicker?
Ха-ха-ха, я установил размер шрифта, используя идентификатор перед выходными, а затем вернулся сегодня и попытался изменить его, используя класс в понедельник утром, и не мог понять, почему это не сработало :) Так что ваш ответ был правильным, спасибо ты.
Мне жаль, что это решено сейчас, моя собственная глупая ошибка, я забыл, что дал ему идентификатор где-то еще, и размер шрифта в идентификаторе переопределял размер шрифта, который я пытался применить к классу... нужен другой кофе :) Хорошего дня!
кажется, вы используете плагин datepicker и хотите изменить текст, сгенерированный плагином. Попробуйте создать полную демонстрацию, где мы можем увидеть этот текст