博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
单选框样式示例
阅读量:4118 次
发布时间:2019-05-25

本文共 791 字,大约阅读时间需要 2 分钟。

 HTML+CSS  多选、单选框样式示例

1.使用clip:rect():
<
body
>
this is a checkbox
<
input 
type
="checkbox"
 style
="position:absolute;clip:rect(5,14,14,5);background:red"
 id
="myCheckbox"
>
<
span 
style
="position:absolute;border:solid 1px blue;width:9px;height:9px;left:expression(myCheckbox.offsetLeft+5);top:expression(myCheckbox.offsetTop+5)"
>
<!--
 
-->
</
span
>
</
body
>
2.基本样式:
<
br
>
单选和复选按钮的背景是红色的
<
br
>
<
input 
type
="checkbox"
 name
="checkbox"
 value
="checkbox"
 style
="background-color: #FF0000;border:1px dashed lime;"
>
<
input 
type
="radio"
 name
="radiobutton"
 value
="radiobutton"
 style
="background-color: #FF0000"
>
 
3.CSS样式:
<
style
>
.mycheckbox{
position:absolute;clip: rect(6 17 17 6);}
</style>
<input type=checkbox  class='mycheckbox'>&nbsp;&nbsp;&nbsp;&nbsp;this is a Checkbox

转载地址:http://kmcpi.baihongyu.com/

你可能感兴趣的文章
Xcode 11 报错,提示libstdc++.6 缺失,解决方案
查看>>
idea的安装以及简单使用
查看>>
Windows mysql 安装
查看>>
python循环语句与C语言的区别
查看>>
Vue项目中使用img图片和background背景图的使用方法
查看>>
vue 项目中图片选择路径位置static 或 assets区别
查看>>
vue项目打包后无法运行报错空白页面
查看>>
Vue 解决部署到服务器后或者build之后Element UI图标不显示问题(404错误)
查看>>
element-ui全局自定义主题
查看>>
facebook库runtime.js
查看>>
vue2.* 中 使用socket.io
查看>>
openlayers安装引用
查看>>
js报错显示subString/subStr is not a function
查看>>
高德地图js API实现鼠标悬浮于点标记时弹出信息窗体显示详情,点击点标记放大地图操作
查看>>
初始化VUE项目报错
查看>>
vue项目使用安装sass
查看>>
HTTP和HttpServletRequest 要点
查看>>
在osg场景中使用GLSL语言——一个例子
查看>>
关于无线PCB中 中50欧姆的特性阻抗的注意事项
查看>>
Spring的单例模式源码小窥
查看>>