How to set outline color with JavaScript?

JavascriptSAP Web DynproFront End Scripts

To set outline color, use the outlineColor property in JavaScript. You can try to run the following code to learn how to implement outlineColor property −

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
      #box {
         border: 2px solid red;
      }
      </style>
   </head>
   
   <body>
      <div id = "box">
         Demo Content
      </div>
      <br>
      
      <button type = "button" onclick = "display()">Change outline color</button>
      <script>
         function display() {
            document.getElementById("box").style.outlineColor = "#FF5733";
            document.getElementById("box").style.outline = "2px solid";
         }
      </script>
   </body>
</html>
raja
Published on 27-Feb-2018 15:31:16
Advertisements