Question

真正基本的问题，但请仔细阅读我尝试过的事情。我有以下输入框：

<input type="number" ng-model="vendor.day_of_the_month" name="" class="text-radio" max="31" min="1">

以下CSS：

input[type=number] .text-radio{
  vertical-align: middle; 
  margin: 0px; 
  width: 60px;
  margin-left: 2px;
  margin-right: 2px;
  height: 30px;
  border: 0;
  border-bottom: 1px solid #909090;
  box-shadow:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

由于某种原因，边框周围的代码似乎不起作用。奇怪的是：

当我更改CSS中输入框的宽度时，似乎会产生一个似乎表明它不是选择性问题的更改
当我删除＆＃34;号码＆＃34;从HTML中键入格式化工作，这似乎表明CSS代码有效。

关于如何为我丢失的数字输入格式化边框，是否存在一些特殊内容？

Answer 1

我认为是input[type=number]和.text-radio{

之间的css空间

input[type=number].text-radio{
  vertical-align: middle; 
  margin: 0px; 
  width: 60px;
  margin-left: 2px;
  margin-right: 2px;
  height: 30px;
  border: 0 none;
  border-bottom: 1px solid #909090;
  box-shadow:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

Demo

Answer 2

我认为错误在你的选择器中你使用它错了只使用

.text-radio

或

input[type=number]

或者如果你想同时使用它们，那么试试这个

input[type=number].text-radio

表示删除空格黑白选择器，因为当我们想要将css添加到选择器的子节点时使用空格。

CSS选择一个数字输入

2 个答案: