[英]align text with image in title bar on dialog box
有什么方法可以使用CSS在这个Fiddle中自定义“您的标题”,例如,使其与图像对齐? http://jsfiddle.net/saikotju/F9uR3/3/
<span class="dialog">English</span>
<div id="dialog" class="dialogBox" title="LessonSelected"></div>
$(function() {
$('#dialog').dialog({
resizable:false,
autoOpen: false,
title:'<img src="http://weeklyprobateleads.com/wp-content/uploads/2014/10/download-icon-probate-leads.png" /> Your Title',
buttons: {
"Enrol": function(){
$(this).dialog('close');
choice(true);
},
"Cancel Enrol": function(){
$(this).dialog('close');
choice(false);
}
}
});
$( ".dialog" ).click(function(){
$('#dialog').dialog("open");
});
});
.ui-dialog-title {
color: white;
}
谢谢
尝试这个 :
$(function() { $('#dialog').dialog({ resizable:false, autoOpen: false, title:'<img src="http://weeklyprobateleads.com/wp-content/uploads/2014/10/download-icon-probate-leads.png" /> Your Title', buttons: { "Enrol": function() { $(this).dialog('close'); choice(true); }, "Cancel Enrol": function() { $(this).dialog('close'); choice(false); } } }); $( ".dialog" ).click(function(){ $('#dialog').dialog("open"); }); });
.ui-dialog-content div { background: url(https://www.google.com/logos/2014/worldcup14/opening/cta.png) no- repeat !important; }
<table> <tr> <td> <span class="dialog">English</span> </td> <td> <div id="dialog" class="dialogBox" title="LessonSelected"> <img src="https://www.google.com/logos/2014/worldcup14/opening/cta.png" /> </div> </td> </tr> </table>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.