如何使用 CSS 设置与选定单选输入关联的标签和选中复选框的样式？

HTML 用于定义单选按钮。单选按钮用于让用户从预定义选项列表中准确选择一个选项。单选按钮输入控件是通过使用“input”元素创建的，该元素的 type 属性值为“radio”。

在本文中，我们将学习设置与选定单选输入和复选框相关联的标签样式。

句法：

HTML 用于定义复选框字段。该复选框显示为一个方框，在它被激活时会被勾选。它允许用户在所有有限的选项中选择一个或多个选项。

现在我们将为单选按钮和复选框的标签设置样式。

方法

• 我们将首先选择使用label标签的div的class/id 。
• 然后使用语法：

.className input[type="radio/checkbox"]: checked + label {
    // Whatever properties to be altered  
}

示例 1：在此示例中，我们将为单选按钮设置样式标签：

HTML

  

    
    

  

    

        
Please select your favorite Web language:
        
        HTML



        
        CSS



        
        JavaScript
    

  

输出：

示例 2：在此示例中，我们将为复选框的标签设置样式。

HTML

  

    
    

  

    

        
Which language you can speak?:
        
         Hindi
        

        
         English
        

    

  

输出：