可以用css3改變復(fù)選框的背景色和勾上的顏色嗎 一定要用js？

用css3可以直接用圖片作為背景就可以了，不需要用js。解決方法如下：

成都創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作與策劃設(shè)計(jì),略陽網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:略陽等地區(qū)。略陽做網(wǎng)站價(jià)格咨詢:13518219792

1、雙擊打開HBuilderX開發(fā)工具，在Web項(xiàng)目中新建靜態(tài)頁面canvas.html。

2、打開已新建的canvas.html文件，修改title標(biāo)簽里的文字內(nèi)容。

3、在body/body標(biāo)簽內(nèi)，插入一個(gè)canvas標(biāo)簽，并設(shè)置id屬性值。

4、在canvas標(biāo)簽下，添加script標(biāo)簽并初始化canvas對(duì)象，調(diào)用自帶的方法。

5、保存代碼并運(yùn)行項(xiàng)目，打開瀏覽器查看界面效果，可以發(fā)現(xiàn)繪制了一條線。

6、在style標(biāo)簽中，利用ID選擇器設(shè)置canvas樣式，添加背景色設(shè)置。

7、再次保存代碼文件，并刷新瀏覽器，可以看到canvas畫布背景色發(fā)生了改變。

高手~~~這個(gè)用css怎么寫呢？？？

除了用圖片之外還有一個(gè)辦法，就是用css3實(shí)現(xiàn)類似的效果。不過css3在ie下支持不好。必須使用支持css3的瀏覽器才可以，比如谷歌，火狐瀏覽器等等。一下是代碼 供參考：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title源碼小筑-CSS3復(fù)選框和單選按鈕美化/title

style type="text/css"

#holder {

width: 100%;

}

.regular-checkbox {

display: none;

}

.regular-checkbox + label {

background-color: #fafafa;

border: 1px solid #cacece;

box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);

padding: 9px;

border-radius: 3px;

display: inline-block;

position: relative;

}

.regular-checkbox:checked + label {

background-color: #e9ecee;

border: 1px solid #adb8c0;

box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);

color: #99a1a7;

}

.regular-checkbox:checked + label:after {

content: '\2714';

font-size: 14px;

position: absolute;

top: -15px;

left: 3px;

color: red;

}

.big-checkbox + label {

padding: 18px;

}

.big-checkbox:checked + label:after {

font-size: 50px;

left: 15px;

}

/style

/head

body

div id="holder"

center

input type="checkbox" id="checkbox-2-1" class="regular-checkbox big-checkbox" /label for="checkbox-2-1"/label

/center

/div

/body

/html

順便打個(gè)廣告，推薦一個(gè)特效網(wǎng)站 源碼小筑-，呵呵

css 怎么設(shè)置如圖的單選和復(fù)選樣式，就是那個(gè)對(duì)號(hào)

1、引用字體圖標(biāo)樣式，用字體圖標(biāo)解決。

2、用背景圖片解決。

3、用字符解決，就是

√ ??

√ ?

css怎么做打勾的方框

這個(gè)得用Html做的

form?action=""?method="get"

您喜歡的水果？br?/

labelinput?name="Fruit"?type="checkbox"?value="0"?/蘋果?/label

labelinput?name="Fruit"?type="checkbox"?value="1"?/桃子?/label

labelinput?name="Fruit"?type="checkbox"?value="2"?/香蕉?/label

labelinput?name="Fruit"?type="checkbox"?value="3"?/梨?/label

/form

如何用css畫出一個(gè)圓圈，里面有個(gè)對(duì)號(hào)？

.box {

width: 150px;

height: 150px;

margin: 100px auto;

border-radius : 5e%;

border: 5px solid #o0000e;

display: flex;

justify-content: center;

align-items : center;

}

.box: : before {

content: "";

display: block;

width: 88px;

height: 5epx;

border: 20px solid #ee000e;

border-right: none;

border-top: none;

transform: rotate(-45deg) translate(7px，-10px);

}