Question

我正在寻找一种方法来设置关闭图标的可按压区域。因此，如果图标为19X19，则按下的区域将为39X39。 div是clost botton的容器，我想改变它。我不想设置一个固定的高度，因为它有时间，但另一方面，父亲和他的父亲根本没有高度......

<div class="ui-pnotify-closer" style="cursor: pointer; visibility: visible;">
    <span class="glyphicon glyphicon-remove" title="Close"></span>
</div>

所以我想做类似的事情：

.ui-pnotify-closer{
  margin: -10px -10px -10px 10px ;
  padding: 10px 10px 10px 10px;
  height: 40px;
}

但这非常不优雅。还有其他想法吗？

Answer 1

我认为你看起来像下面这样。

<强> HTML

 <div class="test">
  <span><img src="test.gif" width="19" height="19" border="0" /></span>
 </div>

<强> CSS

 .test
 {
  background-color:#ff00ff;
  padding:10px;
  cursor:pointer;
  display:inline;
 }

Fiddle Demo

设置可点击的图标背景的大小

1 个答案: