javascript - angularjs ng-焦点多个字段

标签 javascript html angularjs ionic-framework

我想在使用 ng-focus 选择时突出显示输入字段。我查看了一些示例,但找不到适合我的示例。

问题是,当我选择一个输入字段时,不仅该输入会突出显示,而且两个输入都会突出显示。

如何通过个人结果来实现这一目标?

<label class="item item-input item-dark">
                <span class="input-label">Make</span>
                <input type="text" ng-model="M1" ng-required ng-style="style" ng-focus="style={'background-color':'#387ef5'}" ng-blur="style={}">
            </label>
            <label class="item item-input item-dark" >
                <span class="input-label">Model</span>
                <input type="text" ng-model="M2" ng-required ng-style="style" ng-focus="style={'background-color':'#387ef5'}" ng-blur="style={}">
        </label>

最佳答案

看这个 fiddle :

http://jsfiddle.net/2o0mym3y/1/

它包含实际上更新变量的样式,因此它们都获得相同的值。

&正确的方法。仅使用焦点(伪选择器)和普通样式。

.stylea:focus {
  background-color:#387ef5;
}

关于javascript - angularjs ng-焦点多个字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38373745/

相关文章:

javascript - 悬停时CSS使图像变暗-在其周围添加一个href

java - Angular 客户端向 Java 服务器发送 POST 请求的参数

html - 四列等宽,0外边距,等内边距

javascript - Controller 变量未在 html 中正确显示

javascript - Angularjs $间隔: Using a callback function as a param into the pass in function

javascript - 为什么 `([' 1',' 2',' 3']).map(parseInt)` 无法得到正确的结果?

javascript - 尝试在 React w/Formik 中每次输入字段完成时创建一个计数器

javascript - 检测浏览器是否使用 GPU 加速图形进行渲染

html - 无法在另一个 div 中成功嵌套 div

javascript - 为什么这些不起作用?