3

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;
Improve this question
4
  • border-radius was unprefixed in June 2010, I very much doubt you're still targeting Safari 5: the prefix is unnecessary.
    – grg ♦
    May 22, 2017 at 16:31
  • This happens for a simple p tag that has been change after the first time of loading it.
    – Naser.Sadeghi
    May 22, 2017 at 16:54
  • I'm afraid I'm not sure I understand your comment. All I'm saying is -webkit prefixed CSS for border-radius is unnecessary since June 2010, you have other problems if you're still targeting Safari 4 and previous (6 major versions ago) from prior to June 2010.
    – grg ♦
    May 22, 2017 at 16:57
  • Beside -webkit I have used simple definition of border-radius too.
    – Naser.Sadeghi
    May 22, 2017 at 17:02

2 Answers 2

Reset to default
2

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.

                                             

Improve this answer
8
  • I think what you said works on Windows but I'm using Safari on MacOS Sierra.
    – Naser.Sadeghi
    May 22, 2017 at 17:00
  • @Naser This is on macOS Sierra, there is no Safari 10 for Windows.
    – grg ♦
    May 22, 2017 at 17:02
  • But I don't see Reload Page From Origin in Edit menu.
    – Naser.Sadeghi
    May 22, 2017 at 17:04
  • @Naser My apologies, it is under the View menu. Choose View, then hold ⌥alt to see the option.
    – grg ♦
    May 22, 2017 at 17:05
  • Unfortunately it is not. when I hold ⌥alt Zoom In changes to Make Text Bigger and Zoom Out changes to Make text smaller. I still don't see Reload Page From Origin
    – Naser.Sadeghi
    May 22, 2017 at 17:12
1

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.

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .