Geek Answers Handbook

Reset block element width

I have a problem using this CSS file that I don't want to modify. This file has a format for inputs:

input {
  display:inline-block;
  width:60%;
}

Now I want to use an additional CSS file and change this formatting to the normal width of the block element width:

input {
  display:block !important;
  width:auto !important;
}

Unfortunately this does not work. Unlike ordinary block elements, an input does not accept all available horizontal space with this setting. It will only be as long as it is as an inline element. In addition, I can not use the width: 100%; due to filling, borders and margins. In my desperation, I already tried something like width: none; but could not find a way to reset the width for the default value of the block element.

I really hope someone can help me. Thank you in advance.

+5
1

width: 100%, , , .

https://developer.mozilla.org/en/CSS/box-sizing

input {
    width: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

margin, input margin.

+5

More articles:


All Articles