CSS单选按钮和文本轮廓

文章/答案/技术大牛

发布

3回答

html、css

我在设置单选按钮周围的方框和阴影时遇到了问题。我的CSS只在单选按钮周围设置框，并在它周围显示讨厌的白色方框。如何设置整个单选按钮周围的边框或轮廓-按钮+文本，以使所选内容更有特色。

浏览 10提问于2018-01-02得票数 0

回答已采纳

2回答

带样式的单选按钮(jquery?)

php、jquery、codeigniter、radio-button

我需要一个单选的功能，没有风格。我如何样式化一些东西(任何东西)，使其像单选按钮一样工作，并在表单中捕获输入？

浏览 2提问于2010-01-23得票数 3

回答已采纳

1回答

JavaFX和CSS RadioButton造型

css、javafx、styles

我正在改进我的一个程序的图形方面，目前我正试图在CSS中勾勒出一个选定的单选按钮，但这似乎是不可能的。当我在我的单选按钮上盘旋时，我实际上可以使一个很好的轮廓出现，但是当这些按钮被选中时，似乎不可能给它们一个永久的轮廓。唯一的问题是“单选按钮”指的是单选按钮和与之相关的标签，而大纲围绕着这两个元素，这显然不是我想要的。有没有办法给一个选定的按钮一个永久的

浏览 1提问于2017-03-19得票数 0

回答已采纳

7回答

我可以用tab键选择单选按钮组，然后使用箭头键更改所选的单选按钮组，但是默认的:焦点轮廓不会出现，因为输入标记是隐藏的。默认情况下，Chrome (和我假设的其他浏览器)只会在你选择单选输入时绘制轮廓，而不是在你点击它们时绘制轮廓。但是，CSS :focus样式似乎也适用于单击单选输入时(或者在本例中，单击标签)，这看起来非常糟糕。基本上我的问题是:如何将:焦点样式应用于完全模拟默认浏览器行为的单选

浏览 5提问于2014-09-06得票数 18

1回答

css可以隐藏未选中的单选按钮吗？或者它是指示器/边框？

css、input

我试图隐藏无线电按钮的指示器，当它未被检查时。我已经尝试了以下css (一起和单独)： border:none; visibility:hidden;display:none是否可以使用css隐藏指示器输入单选/复选框的圆形边框？

浏览 18提问于2016-09-18得票数 0

1回答

如何更改上下文菜单的背景颜色？

android、xml、layout

style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorA

浏览 1提问于2018-12-10得票数 0

0回答

如何在jquery中验证单选按钮？

jquery、html、css、validation

这是我的代码，我希望当我提交表单时，单选按钮没有被选中，它应该改变单选按钮的轮廓为红色。如何更改单选按钮的轮廓颜色？ if ($('input[name=gender]:checked').length <= 0) { $("#bordergen").css('border-color', '

浏览 1提问于2017-01-10得票数 0

回答已采纳

2回答

更改单选按钮的大小

html、css、size、radio-button

单选按钮的大小可以在CSS中更改吗--可以在所有浏览器中更改？我不知道如何做到这一点。如果你知道这是不可能的，请让我知道，这样我就不会浪费我的时间。我还没有研究用于HTML5的CSS3。嗯..。

浏览 0提问于2011-07-27得票数 1

回答已采纳

3回答

当单击此按钮时，如何从按钮中移除轮廓边框？

javascript、html

我在做一个HTML5游戏，我有一个重置按钮。每当单击该按钮时，当下一次按下按钮时，它将在外部周围获得一个黑色轮廓。有没有什么属性或者东西我可以用来防止这种情况发生？<button id="reset" onclick="reset()">Reset</button> 这就是我使用的按钮。我不知道它是HTML还是CSS中的东西。我尝试进入CSS并添加user-select: none;，但我认为这是

浏览 19提问于2021-07-16得票数 0

2回答

如何在调整窗口大小时保持Rally单选按钮字段大小不变

css、radio-button、rally、window-resize

在我当前的应用程序中，窗口左上角有一个单选字段。我已经给这个组件起了一个“单选按钮”的类名，并给了这个组件下面的css： margin-left: 70px;} 边框是虚线的，这样我就可以看到组件的轮廓。每次我调整窗口大小时，单选按钮字段都会缩小到足够小，以至于根本看不到按钮。虚线边框仍然可以看到，所以我知道组件仍然在应用程序中，它只是

浏览 0提问于2013-06-11得票数 1

回答已采纳

2回答

将单选按钮居中对齐

html、css、checkbox

我试着把我的单选按钮和文本居中对齐，但我不能让它工作，我希望单选按钮在直线下，文本在它旁边，这是它现在的样子，使用HTML： CSS是：我希望你能帮我解决这个问题，因为我已经和这个问题斗争了好几个小时了

浏览 22提问于2016-09-17得票数 0

4回答

如何在单选按钮旁边显示文本？

html、css

有个关于单选按钮的问题。下面有一个html代码和css代码，但是现在我有两个单选按钮，每个单选按钮旁边都有一个文本。第一个单选按钮显示“Male”，另一个单选按钮显示"Female“。现在"Male“显示在单选按钮旁边，这是好的，但"Female”显示在单选按钮下面。如果我制作一个表格，其中存储了整

浏览 1提问于2012-05-28得票数 0

回答已采纳

2回答

如何使用选项为其他html元素的单选按钮

php、javascript、html、radio-button

如何创建选项为其他html元素的单选按钮？例如，我需要两个单选按钮-第一个将显示一个下拉菜单，另一个-一个简单的文本字段。

浏览 0提问于2011-08-05得票数 0

2回答

如何将多个简单文本和输入文本传递给struts操作类

hibernate、jsp、struts2

我从数据库中迭代了记录，同时添加了诸如单选按钮和文本box.How之类的输入，以将迭代值、单选按钮和文本框值传递给action类。这是一个示例代码 <s:iterator

浏览 0提问于2016-12-20得票数 1

回答已采纳

1回答

@html剃须刀单选按钮mvc5

asp.net-mvc、razor、asp.net-mvc-5

x.UserResponses[i].QuestionId)但是对于单选按钮x.UserResponses[i].SelectedQuestionId, Model.UserResponses[i].QuestionId, new {Name="grp"}) 然后，尽管我只能选择一个无线电按钮

浏览 1提问于2014-01-05得票数 0

回答已采纳

2回答

单选按钮在IE和firefox中显示有额外的轮廓。

html、css、internet-explorer、firefox

这是我的单选按钮代码 <label for="gender" style="display: none">Gender</label> </label> </field

浏览 5提问于2014-11-24得票数 1

回答已采纳

1回答

将文本字段定位为“附加”到另一个字段

html、css、semantic-ui-react

当屏幕尺寸改变时，我希望文本字段始终‘附加’到它们之间有1em距离的最后一个单选按钮。问题是单选按钮组是一个div，而文本字段是另一个。有没有一种方法可以在文本字段only上指定css规则来实现这种定位？如果没有，还能做些什么呢？我正在使用semantic-ui-react，由于项目结构的性质，只能将单选按钮组和文本字段放置在两个不同的Form.Group‘s’中。

浏览 8提问于2019-06-28得票数 0

回答已采纳

5回答

如何将单选按钮与同一行上的文本垂直对齐？

html、css

我编写了下面的HTML来显示两个单选按钮和一些文本。/>Create the application name <br/>我的问题是单选按钮和文本没有正确对齐单选按钮显示在文本的稍下方。如何将单选按钮和文</e

浏览 0提问于2014-04-22得票数 3

1回答

单击模式下的引导单选按钮轮廓

html、css、twitter-bootstrap

每当我点击一个单选按钮，就会出现一个蓝色的轮廓，如下所示： ? 我试图通过ff CSS来解决这个问题： .form-check-input:checked[type=radio], .form-check-input:checked[type=radio]:hovertype="radio" value="male"> <label class="form-check-label">Male </label>

浏览 12提问于2021-04-19得票数 1

回答已采纳

2回答

使用转换和缩放更改单选按钮大小时对齐单选按钮文本

css

为了使()在我的单选按钮上更大，我使用了我在这里找到的这个css (抱歉，这里没有现成的引用)：{ -o-transform: scale(2); /* Opera */ height: 2em; 但是单选按钮的部分模糊了文本第一个字母的部分： ( )ushr

浏览 3提问于2014-08-08得票数 1

回答已采纳

点击加载更多