How can we set a pattern for a phone number with css

I'm creating a shopify app and using xo booking system for bookings but couldn't set pattern. Is there a way to add pattern with css? or what should be min and max for 10 digit phone number and out of range text.

i tried several values for min and max but doesn't work . Any help would be appreciated.