Using css to remove background

Question

This the html code to create the button

  <div class="delete-style">
    <button type="button">DELETE</button>
  </div>

and am using this css code to remove the border surrounding the text in the button

.delete-style {
    background-color: red;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    outline: None;
    overflow: hidden;
}

You are styling the div, not the button itself- those are basics — Maciej Kwas
– Maciej Kwas, Commented May 23, 2018 at 16:56
if you want to style the button, use .delete-style button { — tech2017
– tech2017, Commented May 23, 2018 at 16:57

Md Johirul Islam · Accepted Answer · 2018-05-23 16:57:52Z

1

To remove border around the button you can add border : None; style to your button

.delete-style {
    background-color: red;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    outline: None;
    overflow: hidden;
}
.delete-style button {
 border: None;
}

  <div class="delete-style">
    <button type="button">DELETE</button>
  </div>

answered May 23, 2018 at 16:57

Md Johirul Islam

5,1924 gold badges28 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pavan Kumar Velpula · Accepted Answer · 2018-05-23 17:03:56Z

1

You are trying to style the div, not button. declare class to the button, it will work.

<div>
    <button type="button" class="delete-style">DELETE</button>
  </div>

answered May 23, 2018 at 17:03

Pavan Kumar Velpula

213 bronze badges

Comments

PDSSandeep · Accepted Answer · 2018-05-23 16:57:56Z

0

This will help you .delete-style button{border:0;}

answered May 23, 2018 at 16:57

PDSSandeep

18911 bronze badges

Collectives™ on Stack Overflow

Using css to remove background

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related