亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

單選框樣式更改問題

單選框樣式更改問題

thrmagic 2016-02-01 12:35:27
這種效果應該怎么設置呢,我做出來的是這樣的,選框和文字不能對齊,顏色也不對。并且感覺人家要求應該是單選框,但是單選框是圓形的,更不一樣了。我是這樣寫的:<span>產品搜索</span> <form method="post" action=""> <input type='checkbox' name="title"value='title'> <label name='title'>按題目</label> <input type='checkbox' name="title"value='content'> <label name='content'>按內容</label> <input type='text' class="search_box"> <input type='button' name='search' value='搜索'> </div>#search form{ float:left; margin-left: 5px;}#search form label{ color: #fff;}input[type="checkbox"]{ margin: 7px 0px 0px 15px;}input[type='text']{ width:186px; height: 20px; margin-right: 15px; padding:0 5px;}input[type='button']{ color: red; padding:3px 13px; background-color: #fff;}
查看完整描述

1 回答

?
緋紅卷千紅

TA貢獻6條經驗 獲得超1個贊

可以使用-webkit-appearance: checkbox; 來將單選框radio顯示為checkbox的樣式,其實你精心調試的高度換個瀏覽器甚至在同瀏覽器的不同版本中也可能會渲染出不同的效果,input標簽已經高度組件化,沒有必要嘗試重新開發

查看完整回答
反對 回復 2016-02-01
  • 1 回答
  • 0 關注
  • 1648 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號