Here is the HTML button I am working with:
<input ID = "btnModel" value="Submit">
This is how it appears in Firefox:
However, when I assign a border-width to it:
input#btnModel{
border-width:2px;
}
it changes to this:
1- It does not revert back to its original form regardless of the border-width values.
2- In Chrome, the same issue arises when the border values are above 3px or below 1px. The button returns to normal when the border-width is set back to 2px.
3- I have compared all the properties before and after making this modification, and they appear to be consistent.
Any insights on what could be causing this behavior?