How to remove the styling from an input

HTML-CSS
1

image
Could anyone help me remove the borders/ indenting of this form’s inputs, i cant figure out how to ask this question lol ^^

2

we’d have to see the code first

3

so i haven’t done any border styling its just the basic look of them besides the background being changed its just inputs and a text area

4 
input,
select,
textarea {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
  max-height: 4em;
  height: 3em;
  border-radius: 10px;
  background-color: var(--background-col);
  color: var(--text-col);
}

thats all the styling for the elements

5

Not sure I really understand, if you remove the border you can’t see the border radius, and I don’t know what you mean by “indenting”.

You can remove the border by setting it to none or 0. There is also an outline when the element has focus. You can change its appearance but you shouldn’t remove it.

If you want to change multiple/all the styles on the element setting all: unset as the first style is an easy way to get a blank slate to start from.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.