<button type="button">海外手机号登录</button> <button type="button">忘记密码</button>让按钮内文字变淡.边框变淡

这两个按钮是HTML中的基本元素，它们用于提供交互式用户体验。"海外手机号登录"和"忘记密码"通常在登录或注册界面中，用于引导用户进行相应的操作。

如果你想让这两个按钮的文字和边框颜色变淡，你可以使用CSS（层叠样式表）来实现动态样式调整。这里是一个简单的例子：

button {
  transition: color 0.3s ease, border-color 0.3s ease;
}

button:hover {
  color: rgba(0, 0, 0, 0.8); /* 文字颜色变淡 */
  border-color: rgba(0, 0, 0, 0.2); /* 边框颜色变淡 */
}

在这个CSS代码中：
- `transition`属性定义了颜色和边框颜色的变化有一个平滑的过渡效果，持续时间为0.3秒。
- `:hover`伪类选择器表示当鼠标悬停在按钮上时，会应用这些样式，使得文字和边框看起来更淡。

如果你想在点击按钮时也应用这种效果，可以使用JavaScript配合CSS，例如：

document.querySelectorAll('button').forEach(button => {
  button.addEventListener('mousedown', () => {
    button.classList.add('active');
  });
  button.addEventListener('mouseup', () => {
    button.classList.remove('active');
  });
});

.active {
  color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.2);
}

这段JavaScript会为每个按钮添加鼠标按下和释放的事件监听器，使得在按下和松开时应用`.active`类，从而改变样式。