Tips and tips

Tips and tips

The following are some of the problems and solutions I encountered during front-end development. Of course, some methods still have problems and will be updated for a long time. The update time is not fixed.

1. Use CSS to remove the text box and button rounded corners on the iPhone webpage

When using the iPhone to browse the Web page, the button will always display a large rounded corner and the color changes from top to bottom, and the text box will also have a certain number of rounded corners, which is definitely different from the style we define, however, even if we define the style as important, it still has no effect, because this is because the webkit kernel browser sets the default style for the control through the private property-webkit-appearance. Now that we know, you can easily remove the default style, as shown below:

1 input [type = 'submit '], 2 input [type = 'reset'], 3 input [type = 'click'], 4 input [type = 'text'] {5-webkit-appearance: none; 6}

Next, we can use custom styles.