mygists

outline: 1px solid aqua;
outline: 1px solid black;
outline: 1px solid blue;
outline: 1px solid brown;
outline: 1px solid cyan; 
outline: 1px solid fuchsia;
outline: 1px solid green;
outline: 1px solid gold;
outline: 1px solid orange;
outline: 1px solid red;

mygists

.ir {
    font: 0/0 a; text-shadow: none;
    color: transparent; }

mygists

.ir {
    overflow: hidden;
    text-indent: 100%; white-space: nowrap; }

mygists

<!-- =master-form | start -->
<form class="master-form" method="post" action="#dummy">

    <fieldset>

        <legend>Legend Lorem Ipsum Dolores</legend>
        
        <p class="ctrlHolder clearfix error">
            <label for="">Input Text</label>
            <input id="" name="" type="text" required>

mygists

text-shadow: 0 1px rgba(0,0,0,1);

mygists

text-shadow: 0 1px rgba(255,255,255,1);

mygists

opacity: 1;
filter:Alpha(Opacity=100);/* IE7 and under */
-ms-filter: "Alpha(Opacity=100)"; /* IE8 */

mygists

-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1);
   -moz-box-shadow: 0 1px 0 rgba(255,255,255,1);
     -o-box-shadow: 0 1px 0 rgba(255,255,255,1);
    -ms-box-shadow: 0 1px 0 rgba(255,255,255,1);
        box-shadow: 0 1px 0 rgba(255,255,255,1);

mygists

-webkit-transition: .2s linear opacity;
   -moz-transition: .2s linear opacity;
     -o-transition: .2s linear opacity;
    -ms-transition: .2s linear opacity;
        transition: .2s linear opacity;

mygists

-webkit-box-shadow: 0 1px 0 rgba(0,0,0,1);
   -moz-box-shadow: 0 1px 0 rgba(0,0,0,1);
     -o-box-shadow: 0 1px 0 rgba(0,0,0,1);
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,1);
        box-shadow: 0 1px 0 rgba(0,0,0,1);