如何在 CSS 中選擇具有特定「for」屬性的標籤？

在CSS 中選擇具有特定「for」屬性的標籤

使用HTML 表單時，您可能會遇到需要基於特定目標標籤的情況在他們的“for”屬性上。例如，您可能想要調整特定標籤的佈局。

CSS 選擇器

要根據其'for' 屬性選擇標籤，請使用下列指令CSS 選擇器：

label[for="specific_value"] {
  /* Styles here... */
}

將「 specific_value”替換為“for”所需的值屬性。

範例

考慮以下HTML 程式碼：

<label for="email">Your Email:</label>

要在CSS 中選擇此標籤，您可以使用：

label[for="email"] {
  /* Styles here... */
}

JavaScript和jQuery

您也可以使用 JavaScript 或 jQuery 存取標籤：

JavaScript (DOM):

var element = document.querySelector("label[for=email]");

jQuery:

var element = $("label[for=email]");

注意：

• 這種方法稱為屬性選擇器。某些較舊的瀏覽器（例如​​ IE6 和 IE7）可能不支援屬性選擇器。
• 如果 'for' 屬性值包含特殊字元或不符合 CSS 識別碼規則，則必須將其括在單引號或雙引號中。

以上是如何在 CSS 中選擇具有特定「for」屬性的標籤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！