按钮颜色更改

时间:2020-06-26 19:18:06

标签: html css

我想更改提交按钮上的颜色,但不要更改文字。 CSS中没有按钮颜色选项。这是给我个人的关于我的编码营的页面。找不到答案。这是我的代码。

#sub{
    color: black;

}
<form action="/action_page.php">
        <input type="checkbox" id="vehicle1" name="vehicle1" value="summer">
        <label for="vehicle1"> I like summer.</label><br>
        <input type="checkbox" id="vehicle2" name="vehicle2" value="phone">
        <label for="vehicle2"> I have a phone.</label><br>
        <input type="checkbox" id="vehicle3" name="vehicle3" value="bugs">
        <label for="vehicle3"> I dont like bugs.</label><br><br>
        <input type="submit" value="Submit"id="sub">
      </form>

6 个答案:

答案 0 :(得分:2)

我很确定您设置了背景色。对于按钮内的文本颜色,请输入颜色。

#sub{
    background-color: black;
    color: gold;
}
<form action="/action_page.php">
        <input type="checkbox" id="vehicle1" name="vehicle1" value="summer">
        <label for="vehicle1"> I like summer.</label><br>
        <input type="checkbox" id="vehicle2" name="vehicle2" value="phone">
        <label for="vehicle2"> I have a phone.</label><br>
        <input type="checkbox" id="vehicle3" name="vehicle3" value="bugs">
        <label for="vehicle3"> I dont like bugs.</label><br><br>
        <input type="submit" value="Submit"id="sub">
      </form>

答案 1 :(得分:1)

您可以使用background-color属性对其进行更改。

#sub {
  color: black;
  background-color: tomato;
}
<form action="/action_page.php">
  <input type="checkbox" id="vehicle1" name="vehicle1" value="summer">
  <label for="vehicle1"> I like summer.</label><br>
  <input type="checkbox" id="vehicle2" name="vehicle2" value="phone">
  <label for="vehicle2"> I have a phone.</label><br>
  <input type="checkbox" id="vehicle3" name="vehicle3" value="bugs">
  <label for="vehicle3"> I dont like bugs.</label><br><br>
  <input type="submit" value="Submit" id="sub">
</form>

答案 2 :(得分:1)

这应该有效:

#sub{
  background-color: black !important;
  color: white;
}

enter image description here

答案 3 :(得分:0)

尝试使用background-color属性

#sub {
    background-color: black;
    color: white;
}

答案 4 :(得分:0)

@slack_events_adapter.on("message")
def handle_message(event_data):
    message = event_data["event"]
    if message.get("subtype") is None and "BOT TEST" in message.get('text'):
        channel = message["channel"]
        send_message = "Responding to `BOT TEST` message sent by user <@%s>" % message["user"]
        slack_client.api_call("chat.postMessage", channel=channel, text=send_message)

(我在其中添加了一些其他内容,以使其看起来不错。)

答案 5 :(得分:0)

您不会设置按钮的颜色。您将设置按钮三个不同方面的颜色。

  1. 设置按钮文本的颜色

    颜色:红色;

  2. 设置按钮背景的颜色

    background-color:红色;

  3. 设置按钮边框的颜色

    边框:1像素红色;