增加data-icon的单击区域=＆＃34;删除＆＃34;在jQuery mobile（具有相同的图像大小）？

Question

我在jQuery Mobile中弹出了一个。弹出屏幕中有（X）按钮。图标大小是完美的，但我需要增加应该不可见的点击区域。换句话说，图标大小保持不变，但点击区域增加。

这是我的小提琴：http://jsfiddle.net/p943a/

$(function(){
  $('#openPopup').click(function(){
    $( "#testCaseId" ).popup( "open" );
  })
}) 

我需要增加此图片的点击次数。

Answer 1

尝试这个小提琴，我将可点击区域设为红色以显示新区域。要解决此问题，只需将background-color从red更改为transparent即可。 CSS的大小完全可以改变。如果需要，请寻求帮助。我只编辑过CSS。

http://jsfiddle.net/p943a/1/

<强> CSS

.ui-btn-right::before{
    content:"";
    display:block;
    height:40px;
    width:40px;
    position:absolute;
    background:red;
    left:-5px;
    top:-5px;
}

.ui-btn-right{
   position:relative;
   overflow:visible !important;
}