Why is css "font-family:inherit" affecting

I was wondering why is <select> element different on few web pages.

I checked how does the default one looks like.

And then I noticed that on some pages if there is font-family:inherit css property affecting the select element, it would look different.

Here is a JS Fiddle with woriking example.

Does anyone know why is it so? What is the default value (i.e. inherit) value for the font-family?