سلام دوستان!
آیا راهی هست که طرحم در این دو مرورگر (Firefox و Google Chrome) به صورت یکسان نمایش داده بشه...؟! می خوام dashed border های یکسانی در این دو مرورگر بگیرم... آیا ترفندی برای این کار هست...؟
کدم به این صورت هست:
index.php
<html>
<head>
<title>index.php!</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class='body-container'>
<form action="google.com" method="post">
<input type="text"/> </br>
<input type="text"/> <button type="button">چک!</button> </br>
<button type="button">دکمه ی ۱</button>
<button type="button">دکمه ی ۲</button>
</form>
</div>
</body>
</html>
style.css
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
* {
margin: 0;
padding: 0;
border: 0;
}
body {
background-image: url('http://www.spacetelescope.org/static/archives/fitsimages/large/danny_lacrue_6.jpg');
background-color: #cccccc;
background-size: 1400px;
font-family: 'Droid Arabic Naskh', serif;
}
input[type=text] {
background-color: rgba(0,120,100,0.2);
color: #A7CECD;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 16;
text-decoration: none;
border: 2px dashed rgba(0, 180, 180, 0.5);
font-family: 'Droid Arabic Naskh', serif;
direction: rtl;
}
input[type=text]:hover {
background-color: rgba(0,120,100,0.5);*/
}
input[type=text]:focus {
outline: none;
border: 2px dashed #00B9B4;
}
button {
background-color: rgba(0,120,100,0.2);
color: #A7CECD;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 16;
text-decoration: none;
border: 2px dashed rgba(0, 180, 180, 0.5);
font-family: 'Droid Arabic Naskh', serif;
text-indent: 0;
}
button:hover {
border: 2px dashed rgba(0, 180, 180, 0.5);
background-color: rgba(0,120,100,0.5);
}
button:focus {
outline: none;
border: 2px dashed #00B9B4;
background-color: rgba(0, 120, 100, 0.5);
}
button::-moz-focus-inner {
border: 0;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}