如何找到設置輸入字體大小的地方？

有一個包含表格的頁面。一些表格的單元格里面有<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

回答