我似乎无法更改Ionic输入框的字体大小。我已经尝试过
input {
font-size: 30px;
}
但那并不起作用。然而,
input {
font-family: Times;
}
工作正常,所以我不知道问题到底出在哪里。我甚至无法更改输入框的高度。
input {
height:100px;
}
不起作用。
然而,当我从HTML中删除引用Ionic CSS的行(lib\ionic\css\ionic.css)时,我的CSS起作用。 我认为我的CSS应该覆盖Ionic CSS,因为我的CSS在其后,那么发生了什么,我该如何解决?
编辑:
即使我使用!important,它也不起作用。有趣的是,
input {
height:100px; !important
font-family: Times;
}
使字体不改变,而
输入 { 字体:Times; 高度:100px; !important }
改变了字体。
编辑2:问题出在选择器的特异性方面:
textarea, input[type="text"]... {
display: block;
padding-top: 2px;
padding-left: 0;
height: 34px;
color: #111;
vertical-align: middle;
font-size: 14px;
line-height: 16px;
}
之前我的CSS被覆盖了,所以我只是改变了CSS:
input[type="text"] {
font-size:30px;
}
并且它起作用了!
textarea,input[type="text"],input[type="password"],... { display: block; padding-top: 2px; padding-left: 0; height: 34px; color: #111; vertical-align: middle; font-size: 14px; line-height: 16px; }
正在显示。非常感谢! - user124577