title: How do I delete the drop-down arrow of the drop-down menu while keeping the border-image of QSS？
body: <p>I changed a QPushButton into a drop-down menu. My codes are as follows:</p>
  
  <pre><code>m_menu = new QMenu(this);
          m_addAction = new QAction(m_menu);
          m_delAction = new QAction(m_menu);
          m_addAction-&gt;setText(QObject::tr("add"));
          m_delAction-&gt;setText(QObject::tr("del"));
          m_menu-&gt;addAction(m_addAction);
          m_menu-&gt;addAction(m_delAction);
   m_menu-&gt;setStyleSheet("\
                         QMenu {\
                         background-image: url(:/img/tanchu-1.png);; /*background-image*/\
                         border: 3px solid rgb(235,110,36);/*menu border*/\
                         }\
                         QMenu::item {\
                         font-size: 10pt; \
                         color: rgb(225,225,225);\
                         border: 3px solid rgb(60,60,60);\
                         background-image: url(:/img/tanchu-1.png);\
                         padding:160px 160px;\
                         margin:2px 2px;\
                         }\
                         QMenu::item:selected { \
                         background-color:rgb(235,110,36);\
                         }\
                         QMenu::item:pressed {\
                         border: 1px solid rgb(60,60,61); \
                         background-color: rgb(220,80,6); \
                         }\
                         ");
  ui-&gt;pushButton-&gt;setMenu(m_menu);
  
  </code></pre>
  
  <p>and the button I get looks like this<a href="https://i.stack.imgur.com/czw1Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/czw1Q.png" alt="image1"></a>. There is a black drop-down arrow in the lower right corner.</p>
  
  <p>But now the problem  is that when I remove the drop-down arrow from the drop-down menu by using </p>
  
  <pre><code>ui-&gt;pushButton-&gt;setStyleSheet("QPushButton::menu-indicator{image:none;}");
  </code></pre>
  
  <p>the border-image that I set to the QPushButton with QSS <code>border-image: url(:/img/btn_mid_0.png);</code>disappears like image2 <a href="https://i.stack.imgur.com/psioV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/psioV.png" alt="image 2"></a>. The drop-down arrow and the border-image disapper together. How do I remove the drop-down arrow while maintaining the border-image I set before?
  Besides, the The width of the submenu does not change with the qpushbutton like image3<a href="https://i.stack.imgur.com/JamPi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JamPi.png" alt="image3"></a>. How can I set the width of the drop-down menu to be as wide as the QPushButton?
  Thanks!</p>
  
  <p>All my codes are as follows:
  mainwindow.h:</p>
  
  <pre><code>#ifndef MAINWINDOW_H
  #define MAINWINDOW_H
  
  #include &lt;QMainWindow&gt;
  #include &lt;QPushButton&gt;
  
  namespace Ui {
  class MainWindow;
  }
  
  class MainWindow : public QMainWindow
  {
      Q_OBJECT
  
  public:
      explicit MainWindow(QWidget *parent = nullptr);
      ~MainWindow();
  
  private slots:
  
  private:
      Ui::MainWindow *ui;
      QMenu *m_menu;
      QAction *m_addAction;
      QAction *m_delAction;
      QPushButton *m_pushButton;
  
      void addFunc();
      void delFunc();
  };
  
  #endif // MAINWINDOW_H
  
  </code></pre>
  
  <p>mainwindow.cpp:</p>
  
  <pre><code>#include "mainwindow.h"
  #include "ui_mainwindow.h"
  #include &lt;QDebug&gt;
  #include &lt;QMenu&gt;
  
  MainWindow::MainWindow(QWidget *parent) :
      QMainWindow(parent),
      ui(new Ui::MainWindow)
  {
      ui-&gt;setupUi(this);
  
      m_menu = new QMenu(this);
          m_addAction = new QAction(m_menu);
          m_delAction = new QAction(m_menu);
          m_addAction-&gt;setText(QObject::tr("add"));
          m_delAction-&gt;setText(QObject::tr("del"));
          m_menu-&gt;addAction(m_addAction);
          m_menu-&gt;addAction(m_delAction);
          connect(m_addAction, &amp;QAction::triggered, this, &amp;MainWindow::addFunc);
          connect(m_delAction, &amp;QAction::triggered, this, &amp;MainWindow::delFunc);
  
   m_menu-&gt;setStyleSheet("\
                         QMenu {\
                         background-image: url(:/img/tanchu-1.png);; /*background-image*/\
                         border: 3px solid rgb(235,110,36);/*menu border*/\
                         }\
                         QMenu::item {\
                         font-size: 10pt; \
                         color: rgb(225,225,225);\
                         border: 3px solid rgb(60,60,60);\
                         background-image: url(:/img/tanchu-1.png);\
                         padding:160px 160px;\
                         margin:2px 2px;\
                         }\
                         QMenu::item:selected { \
                         background-color:rgb(235,110,36);\
                         }\
                         QMenu::item:pressed {\
                         border: 1px solid rgb(60,60,61); \
                         background-color: rgb(220,80,6); \
                         }\
                         ");
    ui-&gt;pushButton-&gt;setMenu(m_menu);
  
    ui-&gt;pushButton-&gt;setStyleSheet("QPushButton::menu-indicator{image:none;}");
  
  }
  
  MainWindow::~MainWindow()
  {
      delete ui;
  }
  
  void MainWindow::addFunc()
  {
      qDebug() &lt;&lt; "addFunc";
  }
  
  void MainWindow::delFunc()
  {
      qDebug() &lt;&lt; "delFunc";
  }
  </code></pre>