input样式问题，怎样去除input获取焦点时的蓝色边框

liuyubiao

现在用的input组件，想去除input组件获取焦点时的边框，使用了border-style:hidden hidden hidden hidden；将边线去掉后，现在input获取焦点时还是会出现蓝色的边框线（具体效果见图），使用outline:none;  也无效，现在怎样去掉这个样式，版主帮忙解决一下

liangyongfei

input组件提供了焦点获取和失去焦点的事件
bind-focus和bind-blur
可以再这里给input动态设置class样式
可以使用组件的addClass和setCss
http://bbs.wex5.com/forum.php?mo ... 7&pid=165190057

liuyubiao

liangyongfei 发表于 2015-12-14 14:09
input组件提供了焦点获取和失去焦点的事件
bind-focus和bind-blur
可以再这里给input动态设置class样式

好的，我试试

liuyubiao

liangyongfei 发表于 2015-12-14 14:09
input组件提供了焦点获取和失去焦点的事件
bind-focus和bind-blur
可以再这里给input动态设置class样式

this.comp("searchInput").setCSS({"outline":"none"});
.searchInput{
      outline : none;
}
都去不掉，版主能直接给个解决方法吗？API没有提供示例，看不懂

liangyongfei

liuyubiao 发表于 2015-12-15 16:34
this.comp("searchInput").setCSS({"outline":"none"});
.searchInput{
      outline : none;

在css中这样写：
.form-control{
        border:1px solid #DA1717;
}

liuyubiao

liangyongfei 发表于 2015-12-15 16:57
在css中这样写：
.form-control{
        border:1px solid #DA1717;

不是，版主，我是想去掉input输入框的默认样式（默认样式见我上传的图片，蓝色边框），我已经将border去掉了，input在获取焦点时还是有个蓝色的边框，我想去掉这个

liangyongfei

liuyubiao 发表于 2015-12-15 17:35
不是，版主，我是想去掉input输入框的默认样式（默认样式见我上传的图片，蓝色边框），我已经将border去 ...

那你再定义一个class样式，然后当光标触发事件时，input组件完成removeClass 删除上一种样式  addClass添加下一种样式！class样式先定义好！然后通过js动态切换啊！

liuyubiao

版主能给个例子吗？不太会用文档里的方法，谢谢版主

liangyongfei

liuyubiao 发表于 2015-12-15 17:43
版主能给个例子吗？不太会用文档里的方法，谢谢版主

input的光标失去和得到的事件中这样写：
Model.prototype.input1Focus = function(event){
       
                var input = this.comp('input1');
                input.removeClass('a');
                input.addClass('b');
                       
        };



        Model.prototype.input1Blur = function(event){
       
               
                var input = this.comp('input1');
                input.removeClass('b');
                input.addClass('a');
        };


css中

.a{
        border:1px solid #DA1717;
}

.b{
        border:1px solid #fff;
}

liuyubiao

liangyongfei 发表于 2015-12-15 18:19
input的光标失去和得到的事件中这样写：
Model.prototype.input1Focus = function(event){
       

回复晚了，按照版主的方法解决了