將新CSS類應用於傳統數據的最佳做法

我們正在研究傳統應用程序，並希望讓它煥然一新。有很多<input type="button" />,<input type="submit" />,<input type="reset" />等分佈在我們的Web應用程序的將近200個JSP頁面中。它們中沒有一個已經設置了class="something"值。將新CSS類應用於傳統數據的最佳做法

我們發現了一個有趣的CSS，其中包含一個新的類定義，它將按照我們想要的方式設置上述輸入類型。我想將這些類定義應用到任何地方，但是我不得不去每個<input>並將class="some_class"添加到每個單獨的元素，這似乎是錯誤的。

什麼是最好的方式去做這件事？我可以使用jQuery並在頭頁的頂部添加包含腳本，以執行類似$('input[type="submit"]').addClass("some_class")的操作。這最大限度地減少了我需要修改的代碼量，但這是最好的方法嗎？我對CSS不夠熟悉，知道是否可以使用選擇器動態添加類 - 基於我的閱讀，似乎不可能。

感謝

編輯：

我已經在我們的 'default.css' 已經嘗試過這樣的：

input[type="submit"], input[type="reset", input[type="button"]{ class : "someclass" }

但它不工作（我假設類：「someclass」實際上並不是有效的）

來源

2014-09-22 Bizmarck

你想要的風格所有的輸入或只是特定的？ – Turnip 2014-09-22 18:50:14

你還沒有注意到'input [type =「submit」]'是css？ [CSS屬性選擇器]（http://www.w3.org/TR/css3-selectors/#attribute-selectors）。 – 2014-09-22 18:51:03

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors – epascarello 2014-09-22 18:51:52

您可以使用css屬性選擇器

input[type='submit'],input[type='button'],input[type='reset']{ 
     your css styles 
}

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

W3C規範

http://www.w3.org/TR/css3-selectors/#attribute-selectors

來源

2014-09-22 18:50:46

我明白這一點。請參閱我上面的編輯。這是'你的css風格'，我不明白。我可以在該代碼塊中設置新的樣式嗎？ – Bizmarck 2014-09-22 18:57:27

@YeeLikeKram是從其他課程複製你的風格，並把它放在塊內 – 2014-09-22 18:58:25

好的。所以沒有辦法從CSS中的輸入選擇器中引用另一個類，然後。好的。或者使用jQuery。想想我現在得到它。 – Bizmarck 2014-09-22 19:01:07

將新CSS類應用於傳統數據的最佳做法

回答

相關問題