button, input[type='email'], input[type='tel'], input[type='text'], input[type='password'], input[type='image'], input[type='submit'], input[type='button'], input[type='search'], textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; } .input-lineless { form { display: flex; flex: 0 0 auto; width: 100%; .mat-form-field-appearance-legacy { .mat-form-field-wrapper { color: #ffffff; width: 100%; .mat-form-field-infix { .mat-input-element { font-size: 1em; } } .mat-form-field-suffix { button { position: relative; transform: translateY(2px); .mat-button-wrapper { width: 100%; height: 100%; display: flex; justify-content: center; font-size: 1.2em; } } } .mat-form-field-label { color: rgba(255, 255, 255, 0.7) !important; font-size: 1em; } .mat-form-field-underline { height: 0; .mat-form-field-ripple { top: 6px; height: 1px; overflow: hidden; display: none; } } } } .icon-img { align-items: center; justify-content: center; height: 100%; display: flex; align-self: center; margin-right: 10px; } } .mat-form-field { flex-flow: row; flex: 1 1 auto; width: 90%; align-items: center; display: flex; .mat-form-field-wrapper { padding: 0; display: flex; flex: 1 1 auto; .mat-form-field-infix { border: 0; padding: 0; width: auto; input { margin: 0; } .mat-form-field-label-wrapper { top: 0; .mat-form-field-label { top: 0; color: rgba(255, 255, 255, 0.7) !important; font-size: 0.9em; } } } .mat-form-field-underline { display: none; } } } }