chrome下單選按鈕設置寬高不生效
為什么在chrome下我的單選按鈕設置寬高厚大小還是一直不變？我的chrome版本42，64bit，但是在火狐下按鈕就變大了。老師的視頻不就是在chrome下錄制的么，為何相差這么大。。。有沒有人和我遇到一樣的問題??？
5 回答
舉報
0/150
提交
取消
為什么在chrome下我的單選按鈕設置寬高厚大小還是一直不變？我的chrome版本42，64bit，但是在火狐下按鈕就變大了。老師的視頻不就是在chrome下錄制的么，為何相差這么大。。。有沒有人和我遇到一樣的問題??？
2015-05-29
舉報
2016-11-30
在手機上設置寬高也不起作用啊 ?樣子沒變大 生效區域也沒變大
2015-06-09
這里并不是要他“看起來”變大了，而是要他的”生效區域“變大；有些瀏覽器，設置了寬高后，那個小按鈕看起來沒變大，但是實際上，他的作用范圍是變大了的。你可以嘗試一下鼠標點擊他的旁邊，不要點擊那個小按鈕，看看能不能選中按鈕。如果能，那么這個效果就足夠了。只要在你需要設置的范圍內，點擊鼠標，能夠讓他變成checked狀態就行了。至于他看起來怎么樣大小不重要。
2015-05-31
原生單選按鈕和多選按鈕那么丑，樣式還不好兼容，所以用圖片代替吧
2015-05-29
#raidobtn?{ -webkit-appearance:?none;? -moz-appearance:?none; }這樣能實現大小一致，不過會破壞input text="radio"原有的樣式。不推薦使用，你的問題應該是瀏覽器預編譯出現的問題。期待大牛有更好的解決方式。
2015-05-29
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>Document</title> <style> #test{ background-color:?#ccc; border:1px?solid?red; width:?200px; height:?200px; } #radiobtn{ height:?100px; width?:100px; } </style> </head> <body> <div?id="test"> <input?type="radio"?id="radiobtn">?test</input> </div> </body> </html>代碼如上，分別截圖：
firefox上長這樣：
chrome下長這樣:
求幫忙。。。。