如何在复选框和输入框中都设置边框？
要在复选框和输入框中都设置边框，可以使用CSS来实现。以下是一种常见的方法：
- 首先，为复选框和输入框分别设置一个共同的父容器，例如一个div元素，用于包裹它们。
- 使用CSS选择器来选择复选框和输入框，分别为它们设置边框样式。
/* 选择复选框 */
input[type="checkbox"] {
border: 1px solid #ccc;
}
/* 选择输入框 */
input[type="text"] {
border: 1px solid #ccc;
}- 如果需要设置不同的边框样式，可以根据需要为复选框和输入框分别设置不同的CSS类，并在CSS中定义相应的样式。
/* 复选框边框样式 */
.checkbox-border {
border: 1px solid #ccc;
}
/* 输入框边框样式 */
.input-border {
border: 1px solid #ccc;
}- 在HTML中，将复选框和输入框分别放置在父容器中，并为它们添加相应的CSS类。
<div>
<input type="checkbox" class="checkbox-border">
</div>
<div>
<input type="text" class="input-border">
</div>这样，复选框和输入框都会显示边框。你可以根据需要调整边框的样式，例如边框颜色、粗细等。
相关·内容
itemNum"><label>Item Number</label></div>我想让复选框和输入有一个边框所以我这样写，但它只做了一个输入边框，而不是复选框。我怎么才能有复选框边框呢？为什么
浏览 10提问于2020-05-19得票数 2
回答已采纳
我有一个输入框：$('#bizzname').css({"background":"","border":"1px solid #AAAAAA&qu
浏览 0提问于2011-08-30得票数 1
回答已采纳
如果容器宽500 6px，标签宽30%，输入框宽70%，那么一切都应该适合，但问题是，输入框的左、右边框为4px，填充左和右为2px，使其6PX比它更宽。(我们不能重新设置CSS，因为输入框通常需要一个边框，假设我们不使用outline来破解它，它不占用任何空间)。inline-block; width: 30% }以下是一些例子：
outWidth: 356 (
浏览 4提问于2014-04-26得票数 0
回答已采纳
我已经设置了颜色(绿色)，边框颜色(灰色)和标签轮廓(绿色以及)通过改变文本，边框和环的颜色。(我附上了一张图片，让你知道我在说什么。)但是，我尚未了解如何在未选中复选框时更改(默认情况下)颜色、复选框颜色以及选项卡键突出显示的复选框和外部边框之间(白色)边框的颜色。有人能帮忙吗？
浏览 1提问于2022-05-26得票数 3
回答已采纳
我有一个表单，其中有30个输入框和10个文本区域，以及3个选择框(更新的)字段，所有这些都是强制字段。如何通过jQuery /javascript对其can't be blank/empty/NULL.的所有输入字段一起应用验证更新
还有一些复选框-- ..how
浏览 1提问于2010-03-06得票数 2
回答已采纳
3回答
如何设置输入框的边框？
、、、
input-box附带了一个可以设置为0的大纲。然后，它将显示一个丑陋的边界围绕着它。但是，我只想把边框放在输入框的顶部和底部，但无法完成。
浏览 5提问于2015-09-22得票数 0
回答已采纳
2回答
我喜欢IE的一件事(可能是唯一的一件事)是如何在输入框、复选框和动作按钮之间切换。我认为这使得填写表单变得更快、更容易。谢谢你的帮助。
浏览 1提问于2011-10-24得票数 9
2回答
this.value=''" type="text" size="20" value="input 1" title="Enter your search here" />{margin: 0;border: none;现在我有了一个未设置样式的(留下其他属性，如字体大小或光标的移动
浏览 1提问于2012-09-10得票数 4
回答已采纳
1回答
我想要的是在实际搜索词(即"type:")之前的文本以这样一种方式设置样式，即它对用户来说是一个过滤器，而不是一个搜索词。到目前为止，我已经在文本字段上调用了一个.keypress()方法来确定第一个术语是否真的是过滤器，但是我不确定如何设置过滤器文本的样式。如有任何帮助，我们不胜感激！
浏览 0提问于2013-01-14得票数 0
回答已采纳
1回答
文本字段中的静态文本？
、、、
如何在<input type="text" name="site">文本字段中保留静态文本，就像tumblr帐户***.tumblr.com here > 一样
浏览 2提问于2009-11-28得票数 1
回答已采纳
2回答
span> <input type="text" value="text" style="font-weight: 700;"></input>
我在FF 25、Chrome 30.0.1599.69和IE10
浏览 0提问于2013-10-11得票数 2
回答已采纳
1回答
我尝试设置材质复选框(https://material.angular.io/components/checkbox/overview)的样式。有几件事我做了没有问题(如改变颜色，边框等)。我想，但我似乎不能这样做，只有当复选框未选中时，才会在悬停时显示复选标记。如图片右侧的示例所示，这表示我们可以单击复选框checkbox-hover 有什么想法吗？谢谢！
浏览 26提问于2021-06-30得票数 0
回答已采纳
1回答
我正在用Laravel和VueJS做一个特写，
在照片中，你可以看到在右边有两个复选框: 1.大小和2.颜色。和左边大小的输入标签文本区域或文本框。如果我点击checkbox size:S，它将显示在标签输入框中，如: Size: S x，如果我选择Color:Red，它也将显示在标签输入框中，如: Color:Red x，同时两个不同的josn对象将填充那些选中的复选框喜欢: size_object：{姓名:s，id: 2}<
浏览 6提问于2018-08-08得票数 0
如何在Firefox、Safri和Chrome下的单选按钮周围设置边框和背景色？下面是带有红色边框+红色背景的IE的捕获。
如您所见，没有显示边框+背景。
浏览 3提问于2012-03-07得票数 4
1回答
<input type="checkbox" name="row-{{i}}-{{j}}" [(ngModel)]="formData[i][j]"></tr>当我单击第一列的复选框时，它也会选中第二列的复选框；这似乎是完全随机的行为，但当我为第二列选中一
浏览 1提问于2017-09-05得票数 8
回答已采纳
1回答
更具体地说，我有一个带有文本输入框和复选框的网页，如果用户按下'tab‘，我希望web浏览器遍历文本输入框，但跳过复选框。
但在一般意义上，web浏览器可以通过哪些对象进行“制表符”？如何设置/控制此设置？
浏览 1提问于2019-07-18得票数 0
2回答
我有一个带有复选框的表单。我没有设置复选框的值，我一直认为该值不是'on‘就是'’(空)。我将值'on‘传递给数据库。问题是，当我取消选中该框时，它不会将数据库中的值更改为'‘(空)。表单的其他值，如输入框正在更改。下面是我在复选框中的代码
<input type="checkbox" name="form3_one_2" <?
浏览 1提问于2009-08-28得票数 0
我希望“名称”和“电子邮件”输入有50%的div宽度。他们应该放在同一条线上。下面是表单的HTML和CSS： <form name="contactform" method="post" action="send_form_email.php
浏览 5提问于2017-01-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
