Cancel the default style of input and textarea under Chrome browser

Source: Internet
Author: User
Tags dashed line

A recent detail has caught my attention, the Chrome browser input and textarea in the focus of the time have a yellow border, and textarea can also arbitrarily drag to enlarge, which is not tolerated, the influence of beauty does not say, Sometimes dragging textarea also causes the page layout to be garbled, so you decide to reset the styles.

Look at the code:

Cancels the focus border of input and textarea under Chrome,safria:

Input,button,select,textarea {outline:None}

to remove chrome under textarea, drag to enlarge:

textarea {Resize:none}

Finally, write together to reset the default styles for input and textarea:

Input,button,select,textarea {outline:None} textarea {Resize:none}

Remove the dashed line left after the hyperlink is clicked

In addition, the hyperlink will appear after the dotted line edge, so look not good enough, in fact, just add the next style can be removed from the site of a label of the dotted line,
A,a:hover{outline:none;blr:expression_r (This.onfocus=this.blur ());}, hey, is not very simple ah!

Cancel the default style of input and textarea under Chrome browser

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.