Css 应用填充时边框无法正常工作

#input2:hover {
    border:2px double transparent;
    border-radius: 5px;
    background-image: linear-gradient(white,white),
    linear-gradient(45deg, #63589A,#5e138d);
    background-origin: border-box;
    background-clip: content-box,border-box;
    cursor: pointer;
}
input {
    padding-left: 5px;
    border-radius: 5px;
    border-color: rgba(237, 237, 237, 255);
}

input {
  border: 3px solid transparent;
  border-radius: 5px;
  background-image: 
    linear-gradient(white, white), 
    linear-gradient(45deg, #63589A, #5e138d);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  cursor: pointer;
  padding: 5px 30px;
  font-size: 20px;
  outline-offset: 4px;
}

<input type="text" placeholder="some text">

Css相关问答推荐

基于子元素的子元素数量的样式元素

将CSS更改为Mat-Form-Field，其中包含搜索框

在主零部件悬停上对子零部件设置Angular 样式

InertiaJS - Vue - Laravel：Using CSS Files

如何将Ant设计日期 Select 器的图标设置在输入 Select 器之前而不是之后

如何解决 Spotify 嵌入代码中的白色背景错误？

努力将 CSS 样式应用于 Elm 应用程序

tailwind 类的别名？

循环一个 sass/scss 变量以生成 css 变量

不能在带有 SCSS 的过滤器灰度内使用 CSS 变量

如何测试页面上的文本被删除

CSS3 - RotateY() 居中

元素上的子弹来自哪里？

CSS：将背景图像拉伸到屏幕的 100% 宽度和高度？

CSSzoom 高度以匹配宽度 - 可能与外形尺寸

在 Vuejs 中拥有全局 CSS 的最佳方式

使用 ：focus 设置外部 div 的样式？

使图像具有响应性 - 最简单的方法

仅使用 CSS 交换 DIV 位置

可见性：隐藏 vs 显示：无 vs 不透明度：0