title: custom down arrow buttons using CSS in Qt
body: <p>We're developing a touch screen Qt application in C++ forms that requires a wide down arrow graphic image as well as a custom background.  I've been trying to get something that works using QSS, but have thus far been defeated.</p>
  
  <p>The only way I found to get a wide button (one larger than 16 pixels) is to use negative margins:</p>
  
  <pre><code>QComboBox {
      min-height:63px;
      max-height:63px;
      margin-right:47px;
      border-image:url(Resources/ComboBox_Center1.png);
      font-family:  "Franklin Gothic Medium";
      font-size:  22px;
  }
  QComboBox::drop-down {
      width:47px;
      border:0px;
      margin:0px;
      margin-right:-47px;
  }
  QComboBox::down-arrow {
      image:url(Resources/ComboBox_Right1.png);
  }
  </code></pre>
  
  <p>This puts the button at the correct position and makes the input area the correct size, but then the down arrow only opens the combobox, not open and then close.</p>
  
  <p>All other options either extend the input area onto the area (margin, border) or shrink the entire control.</p>
  
  <p>Setting the background-image tag had no effect - only the border image showed the image.</p>
  
  <p>Note that the border image (or background color) always shows up even under the arrow.</p>
  
  <p>Is there some way to style just the input section of a combo box?  It seems like that portion of the combo should have its own child selector, but I haven't seen it.</p>