Html CSS选择器使输入框中的文本变大

Html CSS选择器使输入框中的文本变大,html,css,Html,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"> 您可以使用以下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">

您可以使用以下css:

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

恐怕这是因为它是一种神奇的东西,现在“从盒子里”出来了。在这里你可以看到它的样子。解释一下

因此,它和滚动条的样式一样复杂(而且烦人);你在尝试什么。因为所有的浏览器都是不同的,这样做很乏味,也不可能维护,-所以我不推荐它

我的建议是,如果您想控制datepicker中的样式,那么您可以实现自己的

我想说清楚


在当前状态下,您可以使用带有属性的CSS选择器以及类和/或ID来选择输入字段,在这种情况下,它将是:

input[id="FromDate"][class="datepicker"]
{ 
font-size:100px; 
}
或者使用元素的ID,在您的示例ID=“FromDate”


您可能还想阅读。

很抱歉,现在问题解决了,我自己的愚蠢错误我忘了我在其他地方给了它一个ID,ID上的字体大小覆盖了我试图应用于该类的字体大小。。。需要再来一杯咖啡:)祝你今天愉快

您似乎正在使用datapicker插件,并且希望更改该插件生成的文本。尝试创建一个完整的演示,在那里我们可以看到文本Why
[class=“datepicker”]
而不是
.datepicker
?哈哈哈,我在周末之前使用ID设置了字体大小,然后今天回去,并尝试在周一早上使用类更改它,我想不出为什么不起作用:)所以你的答案是正确的,谢谢。
 #FromDate
{
 font-size:100px; 
}