Question

我尝试使用HTML设置CSS代码的样式。我需要将其设置为类似切换开关的复选框。不幸的是需要留下输入类型选择。

这是可行的，或者我必须更改为复选框并应将其样式化？我之前从未使用过CSS而且我不知道从哪里开始。目前的代码：

CSS：

<style>

input[type=submit] {
    width: 50%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}


label, input[type=submit] {
display: block;
}
div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}
</style>

HTML;

<h3>Using CSS to style an HTML Form</h3>

<div>
  <form>
    <label for="decision">decision</label>
    <select id="decision" name="decision">
      <option value="true">true</option>
      <option value="false">false</option>
    </select>

    <input type="submit" value="Submit">
  </form>
</div>

有没有人有想法？

Answer 1

在CSS中，您可以通过（其中包括）tagname / class / id来定位不同的元素。在你的情况下，我建议你只需通过id定位你的select元素：

#decision {
    /* style goes here */
}

在这里，您可以使用与select元素兼容的任何样式。

我建议您查看a guide for selectors，了解如何继续。祝你好运！

样式化输入选择[选项旁边的选项]

1 个答案: