Chrome update changed input type text size

Asked

Viewed 75 times

0

After the last update of Google Chrome input text which are shown within jquery dialogs increased in size in the view. I did some research and tried to fix using the code below:

input {
    -webkit-box-sizing: border-box;
}

But I didn’t succeed. Someone knows how to get around it?Antes

inserir a descrição da imagem aqui

  • Do you want to change the size in two proportions(height and width)? width works for width, and height for height, you add the properties via css by the parameters class or id of the element.

  • It’s like this: <input type="text" name="data_sol_fatura" id="data_sol_fatura" size="12" /> but after the browser update this "12" got much bigger in the screen rendering.

  • Decreasing the size to smaller values does not solve the problem? p:

  • Solve but imagine doing this for the whole system. I have numerous screens with numerous input text. Imagio that there must be some way to configure css for the previous pattern Chrome used.

  • So you want to apply any input that is found on the page?

  • @Wagnersoares, does your system already use any script to remove the css applied by the browser? How to normalize.css

  • 1

    @Vinicius do not use normalize.css I will search and test

  • @Vinícius the problem persists even with normalize.css.

  • Can you describe in the question the style of your input? Is there any?

  • I put a print of a screen before and after the Chrome update.

  • @Wagnersoares One way to know what was different in one version and another is to open the Developer Tool (F12) and go to the Elements tab and search in Styles for the computed style for your inputs. If you are not using your own styles, you will see some styles that are part of Google Chrome itself as user agent stylesheet compare on both versions to understand what has changed and fix fixing on your CSS.

Show 6 more comments
No answers

Browser other questions tagged

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