Vscode in the selected input box will show a white border is so ugly, how to hide

when using vscode, you will find that some input boxes of vscode will show a white border, which feels so ugly and how to hide it. Like this one below.

ask if you have encountered a similar situation and how to hide this white border


Will

have anything to do with your theme? mine is blue. Why don't you try another theme?

clipboard.png



,

like a browser, click on the selected element, find the element you want to change, see which class you use, and then there is a link, in head that attracts css to find out which folder the CSS style is in. Go in and change it to the


    you want.
  1. may be an effect attached to the theme, so it is recommended that you try to change the theme first to see if the color will change;
  2. it is recommended to take a look in settings.json to see if there is a custom entry in workbench.colorCustomizations , and delete it and try again (normally, this entry should not be found, only in the default template of settings).
  3. it is not recommended to manually change the theme or the default css source file of the system. Otherwise, you will have to change it by hand every time you update it later. It will be a lot of trouble. If you really need to make manual changes, it is also recommended to go to workbench.colorCustomizations here. The relevant entries can be found in Theme Color Reference . At least follow the changes here to the settings
  4. .
Menu