Answer:
Override the CSS styles below to change the border and shadow colour of the Numeric Textbox. Please find the code snippet below.
<style>
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
border-color: pink !important;
box-shadow: 0 0 0 3px pink !important;
}
.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
border-color: pink !important;
box-shadow: 0 0 0 3px pink !important;
}
style>
|
Find the sample to customize border and shadow color of Numeric Textbox here.
