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

Question

我有一个日期选择器，它在输入框中显示选定的值。我想使用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

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

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

或使用元素的ID，在您的情况下为id =“ FromDate”

 #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对此进行了解释。

因此，就像设置滚动条一样复杂（烦人）。您正在尝试什么。由于所有浏览器都不一样，因此制作起来繁琐且无法维护，所以我不建议这样做。

如果您要控制日期选择器中的样式，我将建议您执行自己的using jQuery。

为了清楚起见...

Answer 4

对不起，现在解决了这个问题，我自己的愚蠢错误我忘记了在其他地方给它指定ID，并且ID上的字体大小覆盖了我试图应用于该类的字体大小。 。需要另一杯咖啡:)祝你有美好的一天！