Javascript 如何更改p菜单组件的宽度/填充?

Javascript 如何更改p菜单组件的宽度/填充?,javascript,angular,primeng,Javascript,Angular,Primeng,我已经用primeNG的p-menu组件制作了一个菜单,我希望将菜单项向左移动一点。我想我应该使用填充,我尝试了下面的方法将其移动几个像素 <p-menu [model]="items" [style]="{minWidth:'18.8em', background: 'white', padding: .625em 0 0 0}"></p-menu> 但这给了我一个语法错误,这是堆栈跟踪: [错误->]

我已经用primeNG的p-menu组件制作了一个菜单,我希望将菜单项向左移动一点。我想我应该使用填充,我尝试了下面的方法将其移动几个像素

<p-menu [model]="items" [style]="{minWidth:'18.8em', background: 'white', 
                              padding: .625em 0 0 0}"></p-menu>

但这给了我一个语法错误,这是堆栈跟踪:

[错误->]) 在JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.\u compileComponents (compiler.js:22639) 在compiler.js:22549 在Object.then(compiler.js:206) 在JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:22548)

菜单本身如下所示:

我做错了什么

具有“ui菜单”。在组件样式表中使用

  • ::吴深

    ::ng deep.ui菜单{
    填充:.625em 0
    }

  • ViewCansulation已关闭:

    从'@angular/core'导入{ViewEncapsulation}

    ...
    @Component({
      ...
      encapsulation: ViewEncapsulation.None
    })
    
    .ui菜单{
    填充:.625em 0
    }


不,相同的错误:(这没有语法错误,但也不起作用。无论我填写什么,.625em或1000 em,填充都保持不变…我还尝试添加了!重要信息,没有效果。::ng deep.ui菜单{?