扩大或缩小按钮图像，以适应文本

我创建一个moodle主题，我有一个按钮图像，我需要用于我的导航链接，但似乎无法弄清楚如何展开和收缩按钮图像以适应链接文本扩大或缩小按钮图像，以适应文本

.headingblock { 
    padding-bottom:1px; 
    padding-left: 2px; 
    padding-right: 2px; 
    padding-top: 1px; /*background: none repeat scroll 0 0 #8d969c;*/ 
    font-size:12px !important; 
    background: url([[pix:theme|top-nav-link1]]) no-repeat; 
} 

h2.headingblock { 
    background-color:#8d969c; 
}

来源

2013-11-01 zaakirah

请提供一个链接雅代码 –

.headingblock { \t填充底：1px的; \t padding-left：2px; \t padding-right：2px; \t padding-top：1px; \t/*背景：无重复滚动0 0＃8d969c; */ \t font-size：12px！important; \t background：url（[[pix：theme | top-nav-link1]]）no-repeat; } h2.headingblock { \t background-color：＃8d969c; \t} – zaakirah

我需要在我的CSS中的代码，将基于链接文本的长度扩大或缩小图像的大小 – zaakirah

.headingblock input[type="button"]{ 
    background-image:url([[pix:theme|search_button_bg3]]) !important; 
background-color:#8d969c; 
    background-color:#fff; 
    border-radius:0; 
    padding: 0px 0px 0px 5px; 
    margin: 0px; 
    border: none; 
    height: 20px; 
    width: 58px; 
    font-weight:bold; 
    font-size:13px; 
}

来源

2013-11-01 10:40:37

扩大或缩小按钮图像，以适应文本

回答

相关问题