<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自定义Redio样式</title>
</head>
<style>
input[type='radio'] {
/* 在 Gecko 中可用的部分值 */
-moz-appearance: none;
/* 在 WebKit/Blink 中可用的部分值 */
-webkit-appearance: none;
appearance: none;
width: 50px;
height: 50px;
border-radius: 50%;
background: red;
}
</style>
<body>
<input type="radio" />
</body>
</html>
CSS 属性被用于按照 浏览器所在的操作系统所用主题，以平台本地的样式显示元素。
网友评论