Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Disable valid field coloring on Blazor InputSelect

In an EditForm I've got an InputSelect dropdown list.

<InputSelect class="form-select" style="width: 10%" @bind-Value="@testInt">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</InputSelect>

@code {
    private int? testInt;
}

How to disable the border coloring after an item was chosen?

enter image description here

like image 832
Gabor Avatar asked Oct 16 '25 08:10

Gabor


1 Answers

class="form-select" is having a part in site.css

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

This governs the valid input, colors the outline of the InputSelect.

Solved with BennyBoy1973's suggestion.

like image 162
Gabor Avatar answered Oct 19 '25 12:10

Gabor



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!