edit default css of textfield produced by xeditable.js in angularjs

Question

How can I edit the css for angularjs's xeditable.js elements like textfield, textarea etc? They are produced by xeditable.js and I am able to overwrite the default css.

Answer 1

You can directly edit x-editable.css where you change the editable class

.editable-input.editable-has-buttons { width: 50px; }

http://jsfiddle.net/NfPcH/965/