How to do a complete refresh in Safari 10.1.1 on MacOS Sierra

I'm developing a website and there's a text input in my website's top menu and what bothering me is:

I loaded the site in Safari before my style.css file was edited and after that I edited my style.css and gave a border-radius styling to my text input now I can't make safari show the changes, Of course it is working very well in windows after I pressed ctrl+F5. I want to know the equal of ctrl+F5 in Safari.

Note that I've tried the shortcuts in this link but I still see the old styling of my text input in Safari.

Also I must mention that I use this code in order to make sure that Safari accepts the stylings:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Solution 1:

Shift-click the refresh button, or choose View → Reload Page From Origin (⌥⌘R) to refresh ignoring cached resources for the current domain. You can observe the effect in the Web Inspector's Network tab.

What I suspect is catching you out here is how a force refresh only bypasses cache for the same domain as the site you're refreshing. Even with a force refresh, resources may still be cached, such as from CDN domains.

To bypass cache for all resources, open the web inspector, choose the Network tab, then select ‘Ignore the resource cache when loading resources’. Refresh the page normally (all refreshes ignore cache now, not just ⇧-refresh) and all resources will be loaded from origin.

Solution 2:

After Searching a lot, I found that border radius is not supported in Safari for inputs of type "search". Therefore I changed my search form's text input from "search" to "text" and now it works perfectly.