如何实现具有groupbox外观的自定义控件，其中一段文本略微重叠外部边框和内部文本？
答案 0 :(得分：0)
如果是设计集成的情况，那么您最好的选择可能是创建一个ContentControl派生控件，其模板的根Grid为Border元素，TextBlock标签与Border重叠ContentPresenter和Border内Button。检查默认的 var tileBtn = $('li.tiles__tile');
var allContent = $('li.content__item');
var contentWrap = $('.content-wrap');
tileBtn.on('click touchstart', function() {
var self = $(this);
var match = self.attr('data-tile');
var allContent = $('li.content__item');
var content = $('li#' + match);
self.toggleClass('active');
content.toggleClass('active');
contentWrap.css({
'transition-delay': '.35s'
});
return false;
});
$(window).on('click touchstart', function(e) {
if (allContent.hasClass('active') && tileBtn.hasClass('active') && !$(e.target).is('.content__item :input')) {
allContent.removeClass('active');
setTimeout(function() {
tileBtn.removeClass('active');
}, 400);
contentWrap.css({
'transition-delay': '.0s'
});
}
})
*, *:before, *:after {
box-sizing: border-box;
}
模板以获取灵感，因为它可能非常相似。