0

jquery impromptu というプラグインを使用して、Web サイトにダイアログを作成しています。ダイアログに HTML 選択を追加しようとすると、ダイアログの境界線の周りに不要な空白が生じることに気付きました。

これまでに試した他の HTML フォーム コントロールには、問題はありません。それはhtml選択だけです。

これを解決するために修正する必要があるcss関連の何かがありますが、わかりません。誰かがこれで私を助けてくれませんか。

var textAreaStr = '<div>' + 
					  '<label>Note<textarea id="registerFlagNote" rows="7" cols="30">						</textarea></label><br/>'+
					  '</div>';

var selectHtmlStr = '<div>' + 
						'<label>Close flag?<select id="registerFlagClosedOpenInd">' +
						'<option value="no" selected>No</option>'+
						'<option value="yes">Yes</option>'+
						'</select></label>'
						'</div>';		
// try text area by itself
//var htmlStr = textAreaStr + '<br/>';
// try select by itself
//var htmlStr = selectHtmlStr + '<br/>';
//try both
var htmlStr = textAreaStr + selectHtmlStr + '<br/>';

var statesdemo = {
	state0: {
		html:htmlStr,
		buttons: { Cancel: false, Next: true },
		focus: 1,
		submit:function(e,v,m,f){
			$.prompt.close();
		}
	}
};

$.prompt(statesdemo);
div.jqimessage div textarea,
div.jqimessage div select{
	display:block;	
}

/*div.jqi {
    padding: 0 !important;
}*/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-impromptu/6.2.1/jquery-impromptu.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-impromptu/6.2.1/jquery-impromptu.js"></script>

ありがとう

4

1 に答える 1

1

要素をクラスに検査する場合.jqi

あなたはこれを見るでしょう

div.jqi {
    width: 400px;
    max-width: 90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

単純に取り除くだけpadding:7px;

于 2015-08-25T12:21:08.277 に答える