Question

使用引导程序3。

我试图在范围内使用一个按钮，然后在范围上应用一些红色边框。但是无论如何我都不会出现边界。

下面是我的代码：

 <td>
    <span style="border-color:red">
        <button type="button" ng-click="dosomething()" name="values" class="btn btn-primary">Select</button>        
    </span>
 </td>

任何可解决此问题的指针

Answer 1

您需要定义边框所需的样式和宽度：

border: 2px solid red;

这应该有效。

Answer 2

默认的border-style是none，因此，如果您没有定义它，则无论您告诉它是什么颜色，它都不会有边框。

span {
  border-color: red;
  border-style: solid;
}

<span>
  <button type="button" 
          ng-click="dosomething()"
          name="values" 
          class="btn btn-primary">
    Select
  </button>
</span>

Answer 3

这应该可以解决问题。

 <td>
    <span style="border: 2px solid red;">
        <button type="button" ng-click="dosomething()" name="values" class="btn btn-primary">Select</button>        
    </span>
 </td>

如果我是您，我会在按钮上添加边框，因为它看起来更好。看起来像这样

 <td>
    <span>
        <button style="border: 2px solid red;" type="button" ng-click="dosomething()" name="values" class="btn btn-primary">Select</button>        
    </span>
 </td>

为什么我的CSS边框没有出现在按钮周围？

3 个答案: