小编Pau*_*oso的帖子

我的复选框输入在 IOS 13.7 上仍然小得离谱

我想知道你是否可以帮助我。我有多个复选框输入，并且在许多设备和浏览器中进行了测试。仅在 Apple 13.7 中，我看到我的复选框输入是圆形且非常小，如下图所示：

我的HTML：

form-group {
    margin-bottom: 15px;
}

.dataallow {
    display: flex;
}

.dataallow input {
    margin-right: 8px;
}

label {
    color: #595959;
}

.dataallow label {
    margin-left: 3px;
    margin-bottom: 0;
}

.size-small {
    font-size: 13px;
}

Run Code Online (Sandbox Code Playgroud)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> …

Run Code Online (Sandbox Code Playgroud)

css checkbox ios twitter-bootstrap-3

Pau*_*oso

2020 10-06

5
推荐指数

1
解决办法

2715
查看次数

Bootstrap开关问题

我正在尝试使用自举开关,我遇到了一些问题.我在这里使用这个例子http://www.jque.re/plugins/version3/bootstrap.switch/和我正在使用的任何类,按钮保持相同的样式和非常小的尺寸,我不能甚至可以看到ON和OFF文本.我真的不知道我做错了什么.有帮助吗？谢谢

这是我的HTML:

<!DOCTYPE html>
<html lang="pt">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/jquery-ui-1.10.1.custom.css" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-switch.css" rel="stylesheet">
    <link href="css/_custom.css" rel="stylesheet">   

    <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <script src="js/bootstrap-switch.js"></script>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media …

Run Code Online (Sandbox Code Playgroud)

button css3 twitter-bootstrap twitter-bootstrap-3

Pau*_*oso

lucky-day

1
推荐指数

1
解决办法

1万
查看次数