css text获得焦点后全选中

CSS Text获得焦点后全选中可以实现在文本框中鼠标单击或者tab键后，文本框中的内容可以自动全选中的效果。

实现此效果的关键是使用伪类选择器:focus和属性选择器::selection。当文本框获得焦点，即此元素被激活状态下，::selection伪类就会生效，此时::selection选择的是整段文本，然后进行全选操作。

    input[type="text"]:focus::selection,textarea:focus::selection {
        background: #007bff;
        color: #fff;
    }

上述代码中，当焦点位于type为text的input或者textarea上时，::selection伪类生效，也就是当用户想输入文本时，将整个文本中的所有内容自动全选到，并且设置选中的文字背景颜色为#007bff，文字颜色为#fff。

如需实现全选的其他视觉效果或者在不同浏览器中改变全选的样式，可以对上述代码进行相应的修改。但需要注意的是，::selection伪类在Webkit内核的浏览器中和其他浏览器的语法略有不同，需要单独进行设置。