如何更改复选框webview android_Android_Checkbox_Webview

如何更改复选框webview android

android checkbox webview

如何更改复选框webview android,android,checkbox,webview,Android,Checkbox,Webview,我有一个android应用程序可以加载webView。在webview上，我有复选框，但不能更改大小 input[type="checkbox"] { width: 25px; height: 25px; } 屏风改变大小 input[type="checkbox"] { width: 250px; height: 250px; } 为什么不在webview上更改大小（如果我查看此页面时浏览器复选框大小已更改）完整代

我有一个android应用程序可以加载webView。在webview上，我有复选框，但不能更改大小

input[type="checkbox"]
{
    width: 25px;
    height: 25px;
}

屏风

改变大小

input[type="checkbox"]
    {
        width: 250px;
        height: 250px;
    }

为什么不在webview上更改大小（如果我查看此页面时浏览器复选框大小已更改）

完整代码

<html>
<head>
<style>
    .single_user
    {
        width:100%;
        height:120px;
        border: black;
        background:#E5E5E5;
        margin-bottom: 10px;
    }
    .user_image 
    {
        padding-left: 10px;
        padding-top: 10px;
    }
    h1
    {
        display: inline-block;
    }
    input[type="checkbox"]
    {
        width: 25px;
        height: 25px;
    }
</style>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, user-scalable=no"/>
</head>

<body>
<div class="single_user">
<img class="user_image" src="statimg/profileicon.png"/>
<h1> Vahagn Vard2anyan <br />
vvvaagn@gmail.com</h1>
<input type="checkbox" style="width: 100%; height:100%;"/>
</div>
<div class="single_user">
</div>
</body>
</html>


.单用户
{
宽度：100%；
高度：120px；
边框：黑色；
背景：#e5；
边缘底部：10px；
}
.用户图像
{
左侧填充：10px；
填充顶部：10px；
}
h1
{
显示：内联块；
}
输入[type=“checkbox”]
{
宽度：25px；
高度：25px；
}
Vahagn Vard2anyan

vvvaagn@gmail.com

我也面临着这个问题。html中的复选框最初不会根据宽度/高度CSS属性更改其大小（但某些浏览器支持此功能）。如果要更改大小，可以使用

transform:scale（scaleX，scaleY）（请参阅）或者您可以实现自定义复选框，如，但这将是一个技巧
更新
复选框可以很容易地用文本和单击事件处理程序替换
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #checkbox {
            width: 30px;
            height: 30px;
            background: red;
        }
        #checkmark {
            width: 100%;
            height: 100%;
            font-size:30px;
            position: absolute;
        }
    </style>
    <script type="text/javascript">
    function setCheckboxChecked(checkbox) {
        checkbox.checked = !checkbox.checked;
        var checkmark = checkbox.querySelector('#checkmark');
        if(checkbox.checked) {
            checkmark.innerHTML = '\u2713';
        } else {
            checkmark.innerHTML = '';
        }
    }
</script>
</head>
<body>
<div id="checkbox" onclick="javascript:setCheckboxChecked(this);">
    <span id="checkmark"></span>
</div>
</body>
</html>


#复选框{
宽度：30px；
高度：30px；
背景：红色；
}
#对勾{
宽度：100%；
身高：100%；
字体大小：30px；
位置：绝对位置；
}
函数setCheckboxChecked（复选框）{
checkbox.checked=！checkbox.checked；
var checkmark=checkbox.querySelector（“#checkmark”）；
如果（复选框。选中）{
checkmark.innerHTML='\u2713'；
}否则{
checkmark.innerHTML=''；
}
}
在我看来这很合适。你能在这里发布完整的代码吗？这也取决于android的设备和操作系统版本。在哪个设备上运行应用程序，在哪个android操作系统上运行应用程序？抱歉，但没有帮助。如果这对您有帮助，请设置答案并/或对其进行投票。