Change CSS of an Input

Topic: Change CSS of an Input

stokkup2313 priority asked 7 months ago

Expected behavior I would like to be able to change the way the input looks. Currently it seems theres a an outline around the form control / input but I just want to have a border at the bottom and not have it look like a closed input

Actual behavior the inputs are already styled to have a border / outline around it.

Resources (screenshots, code snippets etc.) How I want it to look

Add comment

Rafał Seifert free answered 7 months ago

0 0 Best answer

Please insert min. 20 characters.

Please try to use such scss selector to set such styles. Remember to place it below your mdb import in your global styles.scss file.

@import 'mdb-angular-ui-kit/assets/scss/mdb.scss';

.form-outline .form-control,
.form-outline .form-control.active {
  ~ .form-notch {
    .form-notch-leading,
    .form-notch-middle,
    .form-notch-trailing {
      border: none;
      border-radius: 0;
      border-bottom: 1px solid gray;
      box-shadow: none;
    }
  }
}

Let me know if that serves your needs.

Add comment

stokkup2313 priority answered 7 months ago

0 0 Best answer