Make AngularJS Material md-checkbox indeterminate state appear as small opaque box within checkbox

When the md-checkbox is in indeterminate state in Chrome, it appears as a dash. I want it to instead appear as a smaller opaque blue square inside of the checkbox for all browsers. Do I have to change this with CSS? If so, how?