First, let's take a look at the difference between the two single-choice buttons in the figure above. Isn't the B style really ugly?
Let's take a look at the source code.
Code in Area:
<Input type = "radio" name = "radiobutton" value = "radiobutton" id = "radiobutton"/> <label for = "radiobutton"> normal style </label>
Code in Section B:
<Input type = "radio" name = "radiobutton2" value = "radiobutton2" id = "radiobutton2"> <label for = "radiobutton2"> change style </label>
We can see that no problem is found in the source code. The biggest suspect object isCSSBecause CSS is the easiest way to changeWebpageThe "appearance" of each element in, so we started to investigate from CSS.
Display margin, padding, lineline-height, and so on, and finally find the border attribute. Sure enough, it is a piece of inconspicuous border: 0 code that makes it thin and small.
As long as the attribute defined as border: 0 for a single sequence is removed, it is changed back to the default style.
The details are really important when creating pages.