- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
你好,我在这样的输入上使用了 has-error
类:
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta input1="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form method="post">
<div class="col-lg-4 col-lg-offset-4 has-error">
<input type="text" name="input" class="form-control"/>
</div>
</form>
</body>
</html>
但我想增加红色边框的厚度,所以我尝试添加:
<style>
.has-error{
line-height:3px;
}
</style>
但是没有效果,请问是否可以改变这个类的粗细,如何实现呢?
谢谢
最佳答案
line-height
不是您要更改的属性,请尝试 border-width
。您还需要将类指定为 .form-control
,否则您的样式将不会应用。
.has-error .form-control{
border-width: 3px;
border-color: blue !important;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta input1="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form method="post">
<div class="col-lg-4 col-lg-offset-4 has-error">
<input type="text" name="input" class="form-control"/>
</div>
</form>
</body>
</html>
希望对您有所帮助。
关于css - Bootstrap : is it possible to change the "has-error" line thickness?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44328736/
所以我有在图像上打印水平线的代码...... public void printH_line(int row, int thickness, int red, int green, int blue)
我正在寻找一种通过“加厚”贝塞尔曲线以编程方式生成多边形的方法。像这样的东西: 我最初的想法是找到线中的法线,并从中生成多边形: 但问题是法线可以在陡峭的曲线中相互交叉,如下所示: 是否有任何公式或算
使用 Visual Studio C#:我正在尝试将一些 PictureBox 动态添加到名为“MapGrid”的 TableLayoutPanel 中。 据我的谷歌搜索可知,这是: MapGrid.
我正在为 silverlight xaml 文件使用以下代码。 // "Margin" on this line throws error 但是当我尝试构建它时抛出以下错误 The Ty
我想减少列表组元素的厚度,同时保持标题文本合适。 Title .list-group-item { height: 10px; } 这成功地减少了厚度,但标题文本仍然太大。我怀疑高度属性使
我需要创建一个 6 厘米的厚度,我无法以厘米为单位设置尺寸,我正在查看 msdn但我不知道如何使用 qualifiedDouble string qualifiedDouble = "6cm"; fl
我无法创建粗线框。使用以下代码: new THREE.MeshBasicMaterial( { color: new THREE.Color( 'rgb(100,100,100)' ),
这个问题在这里已经有了答案: Contour shows dots rather than a curve when retrieving it from the list, but shows t
因此,我使用了 THREE.BufferGeometry,并且我能够通过 color 属性很好地控制线条各个段的颜色。 geometry = new THREE.BufferGeometry(); v
我听说过一些人认为 SOAP/HTTP 网络服务调用栈是“厚”或“重量级”的,但我无法确切地指出原因。由于 SOAP 信封和消息的序列化/反序列化,它会被认为是厚的吗?这真的是一个重量级的操作吗? 或
我刚刚在 VS2019 中启动了一个新的 Xamarin(Android 和 iOS)项目,并且一直在关注 this quick start guide构建示例应用程序。 它要求您添加到 App.xa
我有一个类似 3D CAD 的应用程序,为此我使用了 OpenGL 包装器库 (OpenSceneGraph)。对于应用程序,我试图提出如何呈现的最佳策略 3D 中粗而流畅的线条 . 来自 厚实光滑我
我正在使用 ggfortify 中的 autoplot 函数,如下面使用 iris.pca 的代码所示。这个例子只有三个变量(因此有 3 个加载),但我的数据集有更多的变量,所以我希望可以减小箭头的大
我正在使用 ggfortify 中的 autoplot 函数,如下面使用 iris.pca 的代码所示。这个例子只有三个变量(因此有 3 个加载),但我的数据集有更多的变量,所以我希望可以减小箭头的大
你好,我在这样的输入上使用了 has-error 类: 但我想增加红色边框的厚
如何确定 JavaFX 中的舞台/窗口插图?在 Swing 中我可以简单地写: JFrame frame = new JFrame(); Insets insets = frame.getInsets
我为 5 px 宽的水平线尝试了以下代码 css3 样式 但是我得到了 5px 宽的红色矩形。 请告诉我正确的 CSS3 样式代码。 最佳答案 只要元素有合适的宽度,一个简单的: border-bo
源自this question regarding line thickness and point size setting [例如。 PointSize[Large}, PointSize[0.5
如何设置条形粗细?
这是应用程序中 UITableView 分隔符的问题,不支持 iPhone 6/6 Plus 分辨率。 问题 您有一个在 iPhone <= 5s 上运行良好的应用程序。但是在 iPhone 6 或
我是一名优秀的程序员,十分优秀!