Currently, I am designing a webpage that includes textareas. Several of these textareas are styled with a unique class called "whitebord" which has the following CSS properties:
textarea.whitebord, textarea.whitebord:focus {
border: 1px solid #fff;
outline: none;
}
In addition to this styling, I have implemented a jQuery script that changes the border color to black. The script is designed to check if a border is already present before setting it to black. If a border is detected, the script does not interfere; however, if no border is found, it defaults to black. This detection process is based on the following code snippet:
$(this).css('border')
Although this implementation works smoothly in Chrome and IE, Firefox behaves differently by returning nothing even when a border is clearly visible. Is this a known bug or is there an alternative approach for resolving this issue?
If any further details are required, feel free to reach out.