How to give "spacing" in the area where the text is written

Asked

Viewed 103 times

1

Hello, I would like to change the positioning of | when selecting the textbox, I have an outline and what I am trying to do is not set to 2°image. Is there any property that can do that? Thank you, I’ve been banging my head for so long ..

This is how " | is, practically glued with Textbox

Just like I want " | " to look like this when selecting the textbox and aligned with the placeholder

Note: I have already changed the placeholder as follows:

::-webkit-input-placeholder {
    color: #bbbbbb;
    padding-left: 15px;
}

css html5

1 answer

0


Takes the padding of the pseudo-class of placeholder and puts right into the input. Once you put the padding in the input it already positions the marker in the correct place and tb "pushes" the placeholder to the right place.

inserir a descrição da imagem aqui

::-webkit-input-placeholder {
  color: #bbbbbb;
}

input[type="text"] {
  padding-left: 15px;
}
<input type="text" placeholder="meu placeholder">

  • It worked! I only had to change the width of the textbox to be paired with the button, but still thank you, until funny how simple it is to solve this problem :P

  • @Dreidel if the answer helped, brand as a solution to help other people.

  • 1

    @Dreidel yes and easier than it seemed right rss, if you think the answer solved the problem you may consider marking it in that icon below the arrows next to the answer, If in the future there appears another answer that you think more appropriate you can change the acceptance to the other answer if you feel justified

  • 1

    @samuelrvg was worth the force

Browser other questions tagged css html5

You are not signed in. Login or sign up in order to post.