小编Kry*_*rys的帖子
是否可以使用带有输入组的按钮无线电组？
我想知道是否可以创建一个bootstrap radio btn-group来添加到输入组？
我知道可以创建类似我的代码段显示的东西,但是我想创建它,隐藏两个单选按钮,样式如下图所示:
我希望它们是实际的单选按钮,因为它的标准做法是选择其中之一.我不希望他们只是按钮.
我试图像图像那样设置单选按钮的样式,但它对我不起作用,所以任何帮助都会很棒.
谢谢.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="input-group">
<!-- class="input-group-addon" -->
<input type="text" class="form-control" placeholder="some info here" aria-label="text input checkbox">
<span class="input-group-addon">
<input type="radio" aria-label="checkbox inside input group"> Female</span>
<span class="input-group-addon">
<input type="radio" aria-label="checkbox inside input group"> Male</span>
</div>
</div>
</div>
</div>4
推荐指数
推荐指数
1
解决办法
解决办法
4177
查看次数
查看次数
修改 SVG 路径厚度
我想修改 bootstrap 4 复选框勾选 SVG 路径编号，但我不知道如何修改这些数字来实现此目的。
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z" fill="red"/></svg>
我希望刻度线是一条更细的线。CSS边框的粗细大约为：2px；
有 SVG 专家吗？
谢谢
3
推荐指数
推荐指数
1
解决办法
解决办法
6916
查看次数
查看次数
如何使用css可变颜色和js改变div背景
所以这是一个非常基本的函数（为了我的目的而发现和编辑），它将 div 背景颜色替换为白色或黑色。
我想更改代码以利用 root 属性中的 css 变量，并且 html 中没有 onClick 函数。我想将 html 和 js 分开，但我不知道该怎么做。
我可以有两个按钮可以在 div 的 css 变量颜色之间切换吗？
谢谢。
function changeColor(color) {
var element = document.getElementById('box');
element.style.backgroundColor = color;
}root {
--white { color: #fff}
--black { color: #000}
}
.box {
width: 100px;
height: 100px;
border: 1px solid #aaa;
background-color: #fff;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box" id="box">
</div>
<button onClick=changeColor('white')>white</button>
<button onClick=changeColor('black')>black</button>3
推荐指数
推荐指数
1
解决办法
解决办法
5524
查看次数
查看次数
Bootstrap 4 自定义列表组折叠插入符号功能不正确
我已经自定义了一个 Bootstrap 4 列表组，以包含折叠功能。
我已经包含了一个 css 插入符号箭头，所以用例应该是： 1. 初始状态指向下 2. 单击时指向上 3. 再次单击指向回其初始状态
我的问题是，在第一次点击时，插入符号不会做任何事情，只有在第二次点击时它才会指向上。
我正在使用 css 变换选择器来向上/向下旋转插入符号。
为什么这不能正常工作，我是否遗漏了什么/做错了什么？
.btn {
box-shadow: none !important;
outline: 0;
}
a:link,
a:visited {
color: #222;
}
a:hover,
a:focus {
color: orange;
}
.list-group-item span {
cursor: pointer;
border: solid #222;
border-width: 0 1px 1px 0;
transform: rotate(40deg);
transition: .3s transform ease-in-out;
display: inline;
padding: 3px;
position: absolute;
right: 0;
margin-top: 10px;
}
.list-group-item .collapsed span {
transform: rotate(-140deg);
margin-top: 10px;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" …2
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数