html - 控制插入边框的两种颜色?

标签 html css border insets

我想看看是否有办法在 CSS 中更改插入边框的两种颜色

如您所知,插入样式会在元素上创建一个边框,从而营造出它具有嵌入边框的错觉。它通过将底部和右边框设为您选择的颜色,并将顶部和左边框的颜色更改为稍暗的阴影来实现此目的。

有谁知道可以控制替代阴影的深色或什至不同颜色的方法吗?

#myElement{
    border: inset 1px white;
}

谢谢。

最佳答案

我不认为你可以像我提到的那样控制它,但你肯定可以控制每个边框的单独颜色:

#myElement{
  border-style: solid;
  border-width: 1px;
  border-top-color: black;
  border-left-color: black;
  border-right-color: white;
  border-bottom-color: white;
}

关于html - 控制插入边框的两种颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17606563/

相关文章:

html - 混合 srcset 和 picture 以获得响应式图像

javascript - 根据用户输入计算JavaScript中的变量

php - 当他/她的 ID 在另一个文本框中输入时,如何在文本框中获取并显示学生的姓名

html - 将 css 规则应用于偶数表格行 - 在标题行后重置

html - CSS 底部边框悬停 "jitter"

javascript - 在移动设备上禁用静态固定导航栏脚本

css - 将较大的 child 置于 parent 之外或之上?

css - 有没有办法改变 HTML5 文本框水印的颜色?

java - 边框影响组件位置java

html - 创建具有基于文本的动态宽度的边框/线条