how to change xeditable color while data change in angluarjs

Question

i am using angular js for binding the data in table and i have a crud operation on that .my need is when i change xeditable value change the color of xeditable where value should be changed Here i attached my sample code and my refrence

   <td  ng-click="rowform.$show()" id="df">                     
   <span   editable-text="contacts.FirstName" e-name="name" e-form="rowform" onaftersave="Fclick(contacts._id,contacts.FirstName)">{{ contacts.FirstName || 'empty' }}
  </span>

http://jsfiddle.net/NfPcH/78/

Answer 1

.editable-controls input, .editable-select select{
    color: green;
    font-weight: bold;
 }

this should do the trick. Here is a link to a working version

http://jsfiddle.net/NfPcH/18616/