这个问题似乎不像其他问题那么重要,但我想了解它 是如何工作的以及为什么会这样工作。
我们这里有一个非常简单的代码笔:
html, body {
margin: 0;
padding: 0;
}
.header {
background-color: #ccc;
/* border: 3px solid pink; */
}
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test1</title>
</head>
<body>
<div class="header">
<h1>Header</h1>
<h2>Subheader</h2>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
当边框被注释时,笔的工作方式如下:
我们可以看到,边距h1
并h2
没有被“背景颜色”属性着色。在这里我想‘好吧,因为它只是div.header
包含的内容。
但如果我们删除评论并为其设置边框,div.header
它的行为就会突然变得不同。
现在h1
,h2
边距成为了一部分,div.header
尽管边框只是发生了变化。你能帮我解释一下这个现象吗?我知道这有一个合乎逻辑的解释。非常感谢。
我目前正在研究一个包含单选按钮和标签的 div 元素。它看起来像这样:
当鼠标悬停在 div 元素上时,我向该 div 应用边框,因此结果如下所示:
这里的问题是,当边框可见时,您可以看到元素由于边框大小而向下和向右移动 2px。边框大小为 2px。
我怎样才能防止这种情况发生?
这是我正在使用的相关CSS:
.container {
display: inline-flex;
align-items: center;
}
.label {
display: inline-block;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 15px;
}
.radioButton {
width: 18px;
height: 18px;
padding: 0;
border: 2px solid white;
margin: 0;
appearance: none;
background-color: #fff;
border-radius: 100%;
box-shadow: 0 0 0 2px #002750;
transition: all ease-in 0.2s;
}
.radioButton:checked {
background-color: #002750;
}
.radioButton:focus,
.radioButton:hover {
box-shadow: 0 0 0.15em 0.2em #0c64e7;
}
.container:focus, …
Run Code Online (Sandbox Code Playgroud)在 Swift 中,我向文本字段添加了红色边框颜色。我想实现的是,如果我们在其中输入任何文本,则应删除文本字段边框颜色,如果其中再次没有文本,则应再次将边框颜色设置为红色。无需点击任何按钮。(仅以编程方式)
我创建了一个仅使用整数作为输入的格式化字段,如果键入任何字母,我将其边框设置为红色边框.现在我想设置默认边框,如果用户纠正错误.我该如何设置默认边框.
谢谢你的帮助
这是我的代码:
if(!(Character.isDigit(evt.getKeyChar()))){
evt.consume();
Toolkit.getDefaultToolkit().beep();
flatNoField_addUser.setBorder(BorderFactory.createLineBorder(Color.red));
}
else{
?????
}
Run Code Online (Sandbox Code Playgroud) 我需要你帮助使用uibezierpath或类似的方法在UIView上绘制这个边框.
我已经做了这个解决方案:在另一个中嵌入一个UIView,但我认为有更好的解决方案:
- (void)viewDidLayoutSubviews {
[super viewDidLayoutSubviews];
self.theView.layer.cornerRadius = self.theView.bounds.size.width/2;
self.theView.layer.masksToBounds = YES;
UIView *borderView = [[UIView alloc] initWithFrame:CGRectMake(4, 4, CGRectGetWidth(self.theView.frame) - 8, CGRectGetHeight(self.theView.frame) - 8)];
borderView.backgroundColor = [UIColor grayColor];
borderView.layer.cornerRadius = self.theView.bounds.size.width/2;
borderView.layer.masksToBounds = YES;
self.theView.layer.borderWidth = 2;
self.theView.layer.borderColor = [UIColor redColor].CGColor;
self.theView.backgroundColor = [UIColor clearColor];
[self.theView addSubview:borderView];
}
Run Code Online (Sandbox Code Playgroud)
谢谢.
我需要帮助解决这个简单的问题.我试图获得元素的边框宽度,但jQuery总是检索'0px',有没有办法获得'border-width'?
$('div').css({
'border-width': '6px',
'border-style': 'solid'
});
$('div').css({
'color': 'rgb(207, 38, 38)'
});
$('div').css({
'border-style': 'none'
});
console.log($('div').css('borderWidth')); //Here is the problem I need the value to be '6px'
Run Code Online (Sandbox Code Playgroud)
div {
width: 100px;
height: 40px;
background-color: yellow;
position: relative;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>element</div>
Run Code Online (Sandbox Code Playgroud)
编辑:
我使用谷歌浏览器,它是一个浏览器错误?
提前致谢.
编辑2: 我需要jQuery解决方案而不是VanillaJS
下面的代码为范围 [2, 2, 5, 11] 内的所有单元格生成边框,但我只想要像框一样的范围周围的边框。
var FirstTableRange = wsMyWorkSheet.Cells[2, 2, 5, 11];
FirstTableRange.Style.Border.Top.Style = ExcelBorderStyle.Thick;
FirstTableRange.Style.Border.Left.Style = ExcelBorderStyle.Thick;
FirstTableRange.Style.Border.Right.Style = ExcelBorderStyle.Thick;
FirstTableRange.Style.Border.Bottom.Style = ExcelBorderStyle.Thick;
Run Code Online (Sandbox Code Playgroud)
提前致谢。
我在堆栈溢出中搜索了类似“如何更改面板边框颜色 vb.net”的内容,但没有找到任何结果,所以我删除了 vb.net 并像这样输入,我找到了结果,但它仅适用于 C#,我不这样做C# 好多了,也许我认为我可以翻译,但我只是认为翻译不会100% 准确,所以,这就是我提出这个问题的原因。请帮助我如何更改VB.Net中面板的边框颜色我已在属性中设置了 BorderStyle FixSingle,但仍然无法更改面板的边框颜色。请帮助并告诉我如何更改面板的边框颜色,否则我们无法从属性中做到这一点,我们可以通过编码来做到这一点,那么至少请给我代码。
我目前有一个元素在其一侧有一个坚固的边框,我该如何使边框成双线?
当前边框的代码位于以下...
border-top:1px solid #CCC;
Run Code Online (Sandbox Code Playgroud) 我想在链接周围创建一个边框,在整个链接上形成一个正方形:hover
.我该如何达到这个效果?