這種效果應該怎么設置呢,我做出來的是這樣的,選框和文字不能對齊,顏色也不對。并且感覺人家要求應該是單選框,但是單選框是圓形的,更不一樣了。我是這樣寫的:<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標簽已經高度組件化,沒有必要嘗試重新開發
- 1 回答
- 0 關注
- 1648 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消