title: JavaFX ToolTip Removing Page Corner
body: <p>I'm trying to remove the page corner from a tool tip but I'm failing to get the CSS to stick.</p>
  
  <p>My Code Looks like:</p>
  
  <pre><code>public class PinRender extends StackPane {
  
  private Shape shape;
  private Text textNode;
  private String text;
  
  public PinRender(Shape shape) {
      this.shape = shape;
      this.textNode = new Text();
      this.text = "";
      this.getChildren().add(shape);
      this.getChildren().add(textNode);
      this.getStylesheets().add(PinRender.class.getResource("ToolTipStyle.css").toExternalForm());
  
      Tooltip tooltip = new Tooltip("ToolTips are the best!");
      tooltip.getStyleClass().add("ttip");
  
      Tooltip.install(this, tooltip);
  }
  
  public void setColor(Color c) {
      shape.setFill(c);
  }
  }
  </code></pre>
  
  <p>And my CSS looks like:</p>
  
  <pre><code>.ttip{
       -fx-background-radius: 0 0 0 0;
       -fx-background-color:  linear-gradient(white,whitesmoke);
  }
  
  .page-corner {
      -fx-shape: " ";
  }
  </code></pre>
  
  <p>But I am still getting the default ugly yellow with the folded page corner.</p>
  
  <p>Am I trying to use my CSS incorrectly?</p>