如何找到设置输入字体大小的地方？

有一个包含表格的页面。一些表格的单元格里面有<input>元素。如何找到设置输入字体大小的地方？

现在<input>元素的字体大小属性为13px。目标 - 设置<input>的字体大小属性为12px。

首先，我想找到font-size属性的设置。使用Chrome，检查用于<input>元件元素上下文菜单项，然后移动到样式选项卡我发现：

的问题是：如何找到的地方，在那里13像素值设置为<input>元素，使用Chrome或Firefox？

而另一个问题 - 我可以将一些css样式应用于具有font-size属性的<table>元素，以将其应用于表中的每个<input>元素？

2014-09-19 omickron

您可以使用：

table input { 
    font-size: 13px; 
}

2014-09-19 12:25:17

亲爱的@ 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

在Chrome开发者工具（检查元素或F12），在元素窗口，你可以点击“计算”，看看有什么样式应用于某一个元素的第二个标签：

Chrome Developer Tools Computed Tab

它会告诉你什么样的风格是负责的字体设置。在下面的例子中，它是bootstrap.css中的第3313行。

您也可以启用'显示继承属性'。

现在对于你的第二个问题，以下内容添加到您的样式表：

table input { 
    font-size:13px; 
}

（输入元素继承浏览器的样式表的字体大小，或任何其他风格的特定HTML标签）

2014-09-19 12:33:12 jao

！[我的浏览器]（http://i.imgur.com/YuLHQu1.jpg）不显示任何13px :( – omickron 2014-09-19 12:39:04

如果你想给每个输入字体大小，然后只给

MOZ只适用于Firefox和WebKit铬

input 
    { 
     font-size: 13px; 
    }

如果你只是想给为输入字体大小与当时在表指给

table input { 
      font-size: 13px; 
     }

通过Flopet给出了相同的答案，风格是从右到左首先它会看到表格，然后将其看到输入与表和字体大小应用即所有

2014-09-19 12:33:23 navinspm

为什么'table input {...}'工作，但是'table {... }'不？在我的情况下，输入位于表格内。 – omickron 2014-09-19 12:40:10

回答