CSS 添加边框问题答案

【问题标题】：CSS Trouble adding borderCSS 添加边框问题
【发布时间】：2020-03-26 04:19:55
【问题描述】：

我正在尝试在此代码的文本框中添加黑色边框 -

             <p class="line-item-property__field">
              <div style="clear:both">
  <label for="custom-text">Customise Text</label>
                </div>
  <input id="custom-text" type="text" name="properties[Custom Text]">
</p>

我已经在互联网上搜索并尝试了多种方法，但我对这些我仍在学习的东西并不擅长。

【问题讨论】：

尝试了多种方法 -->它们在哪里？

标签： jquery css sass flexbox css-selectors

【解决方案1】：

你可以像这样使用css：

#custom-text{
 border: solid black 2px; 
}

working demo

【讨论】：

嘿，但是我在哪里插入代码对不起？我把它放在下面
@RossGreene 在 css 文件中

【解决方案2】：

将此代码添加到您的样式部分或 css 文件中。

#custom-text{
 border: 1px solid black; 
}

【讨论】：

【解决方案3】：

要为元素添加边框，请使用如下边框：

#custom-text {
  border: 1px solid #000;
}

【讨论】：

【解决方案4】：

#custom-text {
  border: 1px solid #000;
}

【讨论】：

【解决方案5】：

CSS 边框属性允许您指定元素边框的样式、宽度和颜色。为您的输入标签添加边框（或自定义文本 id）：

input{
border:1 px solid #000
}

#custom-text{
border:1 px solid #000
}

【讨论】：