CSS在不增加文本大小的情况下增加复选框大小答案

【问题标题】：CSS Increase Checkbox Size without Increasing Text SizeCSS在不增加文本大小的情况下增加复选框大小
【发布时间】：2016-02-04 10:58:06
【问题描述】：

我有以下 HTML 代码（它是 Hiccup HTML，library created by weavejester，它允许用 Clojure 编写 HTML，包含在向量中）：

    [:div#permissionsRequired
    [:input {:type "checkbox"} "No permissions required"]]

这里是对应的CSS：

    #permissionsRequired{
    margin-left: 45vw;
    margin-top: -15vw;
    padding-bottom: 5vw;
    font-size: 1.5vw;
    width: 20vw;
    }

我想增加复选框的宽度和高度，而不增加它旁边文本的大小。

这可以使用简单的 CSS 实现吗？

谢谢。

【问题讨论】：

那不是html代码
寻求代码帮助的问题必须在问题本身中包含重现该问题所需的最短代码，最好是Stack Snippet。见How to create a Minimal, Complete, and Verifiable example
它是 HTML 代码，使用名为 Hiccup 的 Clojure 库编写，当 HTML 包装在向量中时，它允许在 Clojure 中编写 HTML。点击链接获取解释。
见：stackoverflow.com/questions/306924/checkbox-size-in-html-css
您如何建议缩短这段代码 Paulie_D？

标签： html css web-applications resize hiccup

【解决方案1】：

<!DOCTYPE html>
<html>
<head>
<style>
.format_chkbox{
height: 30px;
width: 30px;
}
</style>
</head>
<body>

<form action="">
<input class="format_chkbox" type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

</body>
</html>

上面我提供了一个非常简单的例子，似乎对你有帮助。

下面我也附上：输出图片（截图）

Output to above Code

【讨论】：

感谢您的回答，但我知道这会奏效。我想知道是否有人知道简单的 CSS 来增加复选框的大小。我知道我可以完全创建另一个 CSS 类，但我只是看看是否有简短的 CSS 答案。