css - 增加 jQuery Mobile 中数据图标 ="delete"的点击区域(具有相同的图像大小)？

Question

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

这是我的 fiddle :http://jsfiddle.net/p943a/

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

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

Answer 1

试试这个 fiddle ，我将可点击区域设为红色以显示新区域。要解决此问题，只需将 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;
}