Skip to main content

css

Description​

Optional. Adds a custom style to the menu item

Usage​

css?: string;

Example​

<template>
  <div>
      <MenuBar :options="options" css="mystyle"></MenuBar>
  </div>
</template>

<style scoped>
    :global(.wx-menu.mystyle) {
        border: 1px solid black;
        background-color: brown;
    }

    :global(.wx-menu.mystyle .wx-item) {
        background-color: brown;
        color: white;
    }
</style>

Related article: Styling an item of MenuBar