Question

我正在使用swisnl的jQuery Context，但我无法找到改变css字体或字体大小的方法。我只能将它改为Italics / Bold，但不能改为不同的字体或大小。

这些css更改只影响图标，而不影响文本本身。

关于如何更改文字大小/字体的任何想法？

Answer 1

您可以在＆＃34; theme.css＆＃34;中找到字体样式。在文档＆gt;网站＆gt; css文件夹。字体系列设置在正文中。您可以使用在加载上下文菜单后调用的自定义CSS覆盖它。您正在查看的课程将是＆＃39; .context-menu-item span＆＃39;。

在CSS中，它将是：

 .context-menu-item{font-family:Times New Roman}/*Seemed to work using Chrome inspector*/

如果要定位特定元素，则文本将包含在范围内。

.context-menu-item span{font-family:Times New Roman !important}

Answer 2

如果您正在尝试设置项目类型文字＆＃39;内容，您可以使用以下事件来完成：

＆＃13;

$(function(){
  $.contextMenu({
    selector: '.context-menu-one',
    items: {
      "textinput": {name: "Type something:", type: 'text', 
        events: {
          keydown: function(event) {
            $(this).css({"color":"magenta","font-size":"14px"});
            //$(this).parent().parent().css({"background":"green","font-size":"20px"});  //works too
          }
        }
      }
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.css" rel="stylesheet" type="text/css">
<script src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.js" type="text/javascript"></script>
<script src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.ui.position.min.js" type="text/javascript"></script>


<button class="context-menu-one">Right click me</button>

＆＃13;

swisnl的jQuery ContextMenu改变文本大小或字体

2 个答案: