如何找到设置输入字体大小的地方?
有一个包含表格的页面。一些表格的单元格里面有<input>
元素。如何找到设置输入字体大小的地方?
现在<input>
元素的字体大小属性为13px。目标 - 设置<input>
的字体大小属性为12px。
首先,我想找到font-size属性的设置。 使用Chrome,检查用于<input>
元件元素上下文菜单项,然后移动到样式选项卡我发现:
-
<body>
元件具有用于字体大小14px的值,但是该值是删除线。 -
<table>
元素的类的字体大小为12px,并且此值为活动(不是删除线)。 - 没有关于
<input>
元素的字体大小属性的更多信息,它是类或它的父母。 - FireFox显示
input > -moz-use-system-font
值为最佳匹配。
的问题是:如何找到的地方,在那里13像素值设置为<input>
元素,使用Chrome或Firefox?
而另一个问题 - 我可以将一些css样式应用于具有font-size属性的<table>
元素,以将其应用于表中的每个<input>
元素?
您可以使用:
table input {
font-size: 13px;
}
在Chrome开发者工具(检查元素或F12),在元素窗口,你可以点击“计算”,看看有什么样式应用于某一个元素的第二个标签:
它会告诉你什么样的风格是负责的字体设置。在下面的例子中,它是bootstrap.css中的第3313行。
您也可以启用'显示继承属性'。
现在对于你的第二个问题,以下内容添加到您的样式表:
table input {
font-size:13px;
}
(输入元素继承浏览器的样式表的字体大小,或任何其他风格的特定HTML标签)
不显示任何13px :( – omickron 2014-09-19 12:39:04
MOZ只适用于Firefox和WebKit铬
input
{
font-size: 13px;
}
如果你只是想给为输入字体大小与当时在表指给
table input {
font-size: 13px;
}
通过Flopet给出了相同的答案,风格是从右到左首先它会看到表格,然后将其看到输入与表和字体大小应用即所有
为什么'table input {...}'工作,但是'table {... }'不?在我的情况下,输入位于表格内。 – omickron 2014-09-19 12:40:10
亲爱的@ flopet17,它的工作原理。但你能描述一下,为什么?为什么简单的表{font-size:12px;}不起作用? – omickron 2014-09-19 12:28:25
因为你指的是像这里的表元素内的所有输入元素:http://www.w3schools.com/cssref/sel_element_element.asp – 2014-09-19 12:29:37
亲爱的@ flopet17,为什么简单的'table {font-size:12px;} '不起作用? – omickron 2014-09-19 12:30:35