Question

我想创建一个效果，你点击div中的fieldset / inside一些带有不透明度bg的按钮，并在其中弹出模糊效果。到目前为止，我已经能够创建一个开箱的效果，但它只有在你点击输入时才有效。

我想更改它以便它适用于fieldset.focus-actions .....但是当我点击字段集时没有任何事情发生。

fieldset.focus-actions:focus + .submit{
  display: block;
}

如果无法将焦点设置在fieldset上，有什么其他方法可以在鼠标onClick发生时在我选中的元素中专门弹出一个对话框或几个按钮吗？

Answer 1

如果您想要一个仅限CSS的解决方案 - 您可以向表单添加tabindex属性，然后定位孩子

DEMO http://jsfiddle.net/david321312312231/s5j4zLb9/2/

CSS

form:focus > .submit{
  display: block;
}

HTML

<form id="message-form" action="#" method="post" tabindex="1">

jQuery解决方案将是

DEMO http://jsfiddle.net/david321312312231/s5j4zLb9/3/

// this is when the div is on focus
$( "#disp" ).focus(function() {
  $('.submit').css('display','block');
});
// this is when the form is on focus
$( "form" ).focus(function() {
  $('.submit').css('display','block');
});

CSS焦点对fieldset的操作不起作用？

1 个答案: