去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

要去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景，可以使用CSS样式来实现。以下是具体的攻略。

1. 使用CSS样式来去掉默认边框和背景

首先，我们需要使用CSS样式来去掉默认边框和背景。具体的样式如下：

input:focus,
textarea:focus {
    outline: none;
    border-color: none;
    background-color: none;
}

这里我们使用:focus选择器来指定获取焦点时的样式，然后使用outline、border-color和background-color属性来去掉默认边框和背景。注意，这里的属性值都是none，表示去掉。

2. 实际示例

下面是两个实际示例，演示如何具体应用上述攻略：

示例一：去掉输入框的默认边框和背景

<!-- HTML代码 -->
<input type="text" placeholder="请输入内容" class="input-box">

/* CSS代码 */
.input-box:focus {
    outline: none;
    border-color: none;
    background-color: none;
}

上述代码中，我们给输入框添加了一个class为input-box，并且使用:focus选择器来指定获取焦点时的样式。这样在输入框获取焦点时，就会去掉默认的边框和背景。

示例二：去掉文本框的默认边框和背景

<!-- HTML代码 -->
<textarea placeholder="请输入内容" class="text-box"></textarea>

/* CSS代码 */
.text-box:focus {
    outline: none;
    border-color: none;
    background-color: none;
}

这里我们给文本框添加了一个class为text-box，并且同样使用:focus选择器来指定获取焦点时的样式，实现去掉默认的边框和背景。

通过以上的示例，我们可以看到，通过使用CSS样式，我们可以很容易地去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景，提高页面的美观度和用户体验。