相关疑难解决方法(0)

CSS:改变孩子焦点的父母

假设你有类似的东西:

<div class="parent">
    <input class="childInput" type="text" />
    <div class="sibling"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想在孩子获得焦点时改变父母/兄弟姐妹的外表.做这样的事情有什么CSS技巧吗?

编辑:

我的问题的原因如下:

我正在创建一个需要可编辑文本字段的Angular应用程序.它应该看起来像一个标签,直到它被点击,此时它应该看起来像一个普通的文本输入.我基于以下方式设置文本字段:focus以实现此效果,但文本被文本输入的边界切断.我还使用ng-show,ng-hide,ng-blur,ng-keypress和ng-click在标签和文本输入之间切换,基于模糊,按键和点击.除了一件事之外,这个工作正常:在标签的ng-click ="setEdit(this,$ event)"之后,将ng-show和ng-hide使用的编辑布尔值更改为true,它使用jQuery调用.select()文字输入.但是,直到完成ng-click之后,所有内容都是$ digest'd,因此文本输入再次失去焦点.由于文本输入实际上从未实际获得焦点,因此使用ng-blur恢复显示标签是错误的:用户必须单击文本输入,然后再次单击它以恢复显示标签.

编辑:

以下是该问题的示例:http ://plnkr.co/edit/synSIP? p= preview

html javascript css focus angularjs

41
推荐指数
2
解决办法
4万
查看次数

标签 统计

angularjs ×1

css ×1

focus ×1

html ×1

javascript ×1