Check out my Website: Search Page
I have written some CSS that functions well when searching by Name, but not by Specialty:
.displayresult {
display: block;
}
#fname, #lname, #splabel, #addlabel, #pnlabel {
border-width: 4px;
border-bottom-style: double;
}
#first, #last, #specialty, #address, #phone {
border-width: 4px;
border-bottom-style: double;
}
When a user selects specialty and an option, the CSS only adds a double border on the last TD.
How can I adjust the CSS or jQuery Script to achieve one of the following options:
- Add border after each TD?
OR
- Alternate between white and grey TDs?
I attempted using jQuery as shown below, but it did not work and behaved the same as the CSS:
$("#fname").css('border-bottom-style', 'double');
You can check out the demo at the link provided above.