如何在HTML和CSS中修改搜索栏的字体系列和边框颜色？

1mrurvl1 于 2023-05-30 发布在其他

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

你好，我需要做一个serach酒吧，它为我工作，但我有一些修改做什么，我的目标是做的是当我点击酒吧搜索，我想改变边界的颜色从黑色到蓝色。另外我怎么能改变字体家族的字搜索！
这是我的html和css代码，谢谢你的建议！

.searchInput::-webkit-input-placeholder {
  font-family: FontAwesome;
  font-weight: normal;
  overflow: visible;
  vertical-align: top;
  display: inline-block !important;
  padding-left: 2%;
  padding-top: 1%;
  color: #9D9494;
}
.searchInput {
  border: 1px solid white;
  border-radius: 5px;
  width: 39%;
  height: 5%;
  padding: 0px;
  font-size: 20px;
  margin-left: 60%;
  margin-top: 2%;
  margin-bottom: 5%;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/>
<input class="searchInput" type="text" placeholder=" &#61442; search " /> <br />

css

来源：https://stackoverflow.com/questions/76339007/how-do-i-modify-the-font-family-and-border-color-of-my-search-bar-in-html-and-cs

1条答案

按热度按时间

nimxete21#

您可以使用：focus选择器在单击搜索栏时更改边框颜色。如果要更改占位符字体系列，可以使用：placeholder选择器。
例如：

.searchInput:focus {
     border-color: blue;
 }

.searchInput:placeholder{
     font-family: "Open-sans";
 }

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

我来回答

如何在HTML和CSS中修改搜索栏的字体系列和边框颜色？

1条答案

相关问题

热门标签

最新问答