在输入字段上永久显示向上/向下点击器

时间:2017-01-30 10:58:04

标签: html css



NSArray *arr = [[NSArray alloc]initWithObjects:@20,@12,@24, nil];
NSSet *tempSet = [NSSet setWithArray: arr];
NSArray *arr1 = [[tempSet allObjects] sortedArrayUsingDescriptors:@[[NSSortDescriptor sortDescriptorWithKey:@"self" ascending:YES] ]];
NSLog(@"%@",[arr1 objectAtIndex:1]);




大家好,

我目前有以下代码。将鼠标悬停在输入框上时,框右侧有2个图标,您可以向上和向下切换以增加/减少值。我不确定如何显示通过CSS永久增加/减少值的向上和向下按钮。

任何想法。

3 个答案:

答案 0 :(得分:0)

您可以使用以下CSS(在Chrome中)实现此目的:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
      opacity: 1;
}

了解更多信息click here

答案 1 :(得分:0)

定位旋转按钮并将Opacity设置为1.

<style>
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {      
   opacity: 1;    
}
</style>

<span id = "referralValue">
  <input type="number" name="value" value="0.00" min="" max="">
</span>

根据您的方便设置minmax值。

答案 2 :(得分:-1)

如果你真的想要永久地上下箭头,你需要使用Javascript和CSS为它构建自己的解决方案。

已经有类似的名为HTML5 Number polyfill的东西。

如果您已经在使用jQuery或者可以使用它,那么您应该看看它。