css 是否将引导数据库边框颜色更改为自定义十六进制颜色？[已关闭]

i2byvkas 于 2023-03-05 发布在其他

关注(0)|答案(1)|浏览(104)

- 已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
3天前关闭。
Improve this question
让我先声明一下我对网页设计还是个新手，所以我怀疑这个问题可能有一个我还没有发现的简单答案。在我目前的项目中，我试图使用bootstrap创建一个带有彩色边框的div。具体来说，我希望边框使用指定的十六进制颜色（比如：虽然可以在 Bootstrap 网站上找到一些guidance on border coloring，但选项似乎仅限于prests（如border-primary或border-dark），似乎没有一个直接的选项来定义自定义颜色。

- 问题**：是否有一个直接的选项来为 Bootstrap 边框使用自定义十六进制颜色？

<!DOCTYPE html>
<html>
<body>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

<div class="border rounded border-primary">
  <prompt>Lorem Ipsum</prompt>
</div>

  <style type="text/css">
  
    prompt {
      color: #cc6666;
      vertical-align: middle;
    }
    
    
  </style>
</body>

</html>

css

来源：https://stackoverflow.com/questions/75582973/changing-the-bootstrap-border-color-to-a-custom-hex-color

1条答案

按热度按时间

hc8w905p1#

我已经将Adam的建议集成到上面的代码片段中。

<!DOCTYPE html>
<html>
<body>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

<div class="border rounded border-primary">
  <prompt>Lorem Ipsum</prompt>
</div>

  <style type="text/css">
  
    prompt {
      color: #cc6666;
      vertical-align: middle;
    }
 
    .border-primary{ 
      --bs-border-opacity: 1; 
      border-color: #cc6666 !important; }
    
    
  </style>
</body>

</html>

赞(0）回复(0）举报 2023-03-05

我来回答

css 是否将引导数据库边框颜色更改为自定义十六进制颜色？[已关闭]

1条答案

相关问题

热门标签

最新问答