CSS选择器，使文本输入框更大[关闭]

Question

我有这显示在输入框中选定值一个datepicker。我想更改使用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">

Answer 1

在当前状态下，您可以通过使用CSS选择器与类和/或IDS沿属性，在这种情况下，将选择输入字段：

input[id="FromDate"][class="datepicker"]
{ 
font-size:100px; 
}

或使用该元件的ID，你的情况ID =“FROM日期”

 #FromDate
{
 font-size:100px; 
}

您可能还需要阅读https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors。

Answer 2

你可以使用这个CSS：

input[type='text'] { font-size: 24px; }

Answer 3

恐怕是因为它是自带“外的即装即用”时下一些神奇的事情。在这里你可以看到它的外观if you're using Firefox。 This Medium post介绍了一点吧。

因此，它是为复杂（烦人）作为styleing滚动条;你想要什么。因为所有的浏览器都不同，这样，它是乏味做，也不可能维持， - 所以我不会推荐它。

我会建议，如果你想控制的样式在日期选择器，那么你可以实现你自己的，using jQuery。

而仅仅是明确的...

Answer 4

对不起，这是现在解决了，我自己的愚蠢的错，我忘了我给了它一个ID别的地方，对标识的字体大小被重写字体大小，我试图适用于类...需要另咖啡:)有一个好的一天！