CSS下拉单选框是通过使用CSS选择器和属性来创建的。可以使用下拉按钮和选项的HTML元素，将它们添加到需要创建下拉单选框的网页中。然后，可以使用CSS来样式化这些元素，使其在网页中看起来更加美观和易于使用。
下面是一些CSS下拉单选框的常用属性和选择器：
1. 选择器：
下拉单选框可以使用以下选择器：
– `input[type=”radio”]`: 表示为单选按钮，并将其设置为该元素的`value`属性为`1`或`2`。
– `input[type=”radio”]:hover`: 表示为悬停状态，当鼠标悬停在该元素上时，会显示一个下拉按钮。
– `input[type=”radio”]:active`: 表示为活动状态，当鼠标点击该元素时，会激活下拉按钮。
– `input[type=”radio”]:checked`: 表示为已检查的，当鼠标点击该元素时，会检查是否选中了第一个选项。
2. 属性：
下拉单选框可以使用以下属性来设置其样式：
– `display`: 表示是否显示下拉按钮和选项。
– `width`: 表示下拉按钮的宽度。
– `height`: 表示下拉按钮的高度。
– `margin`: 表示下拉按钮和选项之间的margin。
– `padding`: 表示下拉按钮和选项之间的padding。
– `border`: 表示下拉按钮和选项之间的border。
– `background-color`: 表示下拉按钮的背景颜色。
– `name`: 表示下拉单选框的名称，可以设置为HTML元素的`name`属性。
– `value`: 表示下拉单选框的值，可以设置为HTML元素的`value`属性。
通过使用CSS下拉单选框的属性和选择器，可以创建出具有漂亮外观和易于使用的下拉单选框。在创建下拉单选框时，需要考虑样式和功能的平衡，以确保其在不同浏览器中的表现一致。