4 Replies Latest reply on Nov 22, 2009 11:24 PM by harihisu

    remove grey border

    tylershep123 Level 1

      using the following code gives a grey border around the component. I was wondering how i could make it so the gray border doesnt show up when u rollover it. Heres the code:

       

      <?xml version="1.0" encoding="utf-8"?>
      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
           >
          <mx:AnimateProperty id="dropBox"
               target="{dropDownBox}" property="height"
               toValue="100" duration="500"
               />
          <mx:Button
               label="Drop down Button"
               width="188"
               rollOver="dropBox.play();"
                color="#9933CC" enabled="true" textRollOverColor="#ffffff" borderColor="#FFFFFF" themeColor="#9933CC" fillAlphas="[1.0, 1.0]" fillColors="[#FFFFFF, #FFFFFF, #9933CC, #9933CC]"/>
         
          <mx:VBox id="dropDownBox"
               verticalScrollPolicy="off"
               horizontalAlign="left" verticalAlign="bottom"
               backgroundColor="white"
               width="184" height="0"
                color="#9933CC" themeColor="#9933CC" rollOverEffect="#9933cc" alpha="1.0">
               <mx:LinkButton label="Button 1"    color="#9933CC" themeColor="#9933CC" rollOverEffect="#9933cc" alpha="1.0"    />
               <mx:LinkButton label="Button 2"     />
          </mx:VBox>
      </mx:Application>