在html/css/js中使用多选输入(样式化为按钮)进行数据库输入的正确方法

rsl1atfo 于 2022-12-20 发布在其他

关注(0)|答案(1)|浏览(124)

how it is actually coded, using buttons and input result, but works with just a single choice
我对此仍然没有什么经验，但我希望实现的结果是在一周的几天之间进行多个选择，并在每周的频率上进行单个选择，这样我就可以通过页面中的js使用这些数据，js通过按钮的选择器输入添加更多的"天容器"。
提前感谢您的奉献!
我试过使用单选框和复选框，但是我不能将其风格化为按钮，也不能将文本包含在实际的框中，正如我所写的，我在这方面没有太多的经验，但我学得很快

css

来源：https://stackoverflow.com/questions/74830619/the-correct-way-to-use-a-multiple-choice-input-stylized-as-buttons-for-databas

1条答案

按热度按时间

bsxbgnwa1#

永远不要改变html因为样式，总是有一种方式来样式的东西你想要的方式，如果你想使你的单选按钮看起来像一个按钮所有你需要做的是改变样式.如果你想不想显示点你可以设置单选输入到opacity:0.001;或appearance: none

.day-selector label{
    border-style: solid;
    width:200px;
}
.day-selector label:hover {
    background: red;
}
.day-selector input[type="radio"] {
    appearance: none;
}
    
.day-selector input[type="radio"]:checked + label {
    background:yellow;
}

我发现这个例子从另一个职位stackoverflow

赞(0）回复(0）举报 2022-12-20

我来回答

在html/css/js中使用多选输入(样式化为按钮)进行数据库输入的正确方法

1条答案

相关问题

热门标签

最新问答