谷歌浏览器input输入框没有小叉号

谷歌浏览器的默认样式下，`<input>`元素通常不会直接显示清除图标（小叉号）。如果你想在输入框旁边添加一个清除按钮，可以借助HTML5的一些新特性或者CSS自定义样式。你可以通过以下步骤来实现：

1. HTML部分：

<input type="text" id="clearable-input">
<button type="button" onclick="clearInput()" title="清除"><span class="material-icons">close</span></button>

这里使用了`<button>`标签创建一个清除按钮，并绑定了`onclick`事件处理函数。

2. CSS部分，使用Google Material Design的图标或其他自定义图标：

.clearable-input {
  position: relative;
}

.clearable-input span {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  display: none; /* 初始隐藏 */
}

#clearable-input:focus + .clearable-input span,
#clearable-input:hover + .clearable-input span {
  display: inline-block; /* 当input聚焦或悬停时显示 */
}

3. JavaScript 清除函数 `clearInput()`：

function clearInput() {
  var input = document.getElementById('clearable-input');
  if (input) input.value = '';
}

当用户点击这个清除按钮时，会触发`clearInput`函数清空输入框的内容。如果没有绑定按钮，也可以直接在JavaScript中给输入框添加`oninput`事件，实时监听输入并清除内容。