Before you do that, keep in mind that the focus outline is an accessibility and usability feature; it clues the user into what element is currently focused, and a lot of users depend on it. You need to find some other means to make focus visible. In your case, try: input.middle:focus { outline-width: 0; } … Read more
You can change input box styles as well as text styles inside input box: Here you can use any color e.g. white, #DDD, rgba(102, 163, 177, 0.45). But transparent won’t work here. /* Change the white to any color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px white inset !important; } Additionally, you … Read more
It is impossible to change the format We have to differentiate between the over the wire format and the browser’s presentation format. Wire format The HTML5 date input specification refers to the RFC 3339 specification, which specifies a full-date format equal to: yyyy-mm-dd. See section 5.6 of the RFC 3339 specification for more details. This … Read more
The number type has a step value controlling which numbers are valid (along with max and min), which defaults to 1. This value is also used by implementations for the stepper buttons (i.e. pressing up increases by step). Simply change this value to whatever is appropriate. For money, two decimal places are probably expected: <label … Read more
This CSS effectively hides the spin-button for webkit browsers (have tested it in Chrome 7.0.517.44 and Safari Version 5.0.2 (6533.18.5)): input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <– Apparently some margin are still there even though it’s hidden */ } input[type=number] { -moz-appearance:textfield; /* Firefox … Read more
This border is used to show that the element is focused (i.e. you can type in the input or press the button with Enter). You can remove it with outline property, though: textarea:focus, input:focus{ outline: none; } You may want to add some other way for users to know what element has keyboard focus though … Read more
Yes, that’s it. In the app.module.ts file, I just added: import { FormsModule } from ‘@angular/forms’; […] @NgModule({ imports: [ […] FormsModule ], […] })